Coco’s Black Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Coco’s Black (#1C1C1A), each snapped to its nearest named color.
#1C1C1A
#161820
#161820
#12110E
#364251
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Coco’s Black | #1C1C1A | 28, 28, 26 | 60°, 4%, 11% | 0, 0, 7, 89 | |
| River Styx | #161820 | 22, 24, 32 | 228°, 19%, 11% | 31, 25, 0, 87 | |
| River Styx | #161820 | 22, 24, 32 | 228°, 19%, 11% | 31, 25, 0, 87 | |
| Sinister | #12110E | 18, 17, 14 | 45°, 13%, 6% | 0, 6, 22, 93 | |
| Midnight Navy | #364251 | 54, 66, 81 | 213°, 20%, 26% | 33, 19, 0, 68 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #12110E on #364251 | 1.85:1 | — |
| Aa #161820 on #364251 | 1.73:1 | — |
| Aa #161820 on #364251 | 1.73:1 | — |
| Aa #1C1C1A on #364251 | 1.67:1 | — |
| Aa #1C1C1A on #12110E | 1.11:1 | — |
| Aa #161820 on #12110E | 1.07:1 | — |
CSS variables
:root {
--color-1: #1c1c1a; /* Coco’s Black */
--color-2: #161820; /* River Styx */
--color-3: #161820; /* River Styx */
--color-4: #12110e; /* Sinister */
--color-5: #364251; /* Midnight Navy */
}Other schemes from Coco’s Black
- Coco’s Black Complementary Color Scheme#1C1C1A#575C3A#111122#0B0C14#3D3D63
- Coco’s Black Analogous Color Scheme#231712#281A14#1C1C1A#172713#112211
- Coco’s Black Triadic Color Scheme#1C1C1A#112222#221122#62603E#0F1012
- Coco’s Black Tetradic Color Scheme#1C1C1A#12221D#111122#201819#62603E
- Coco’s Black Monochromatic Color Scheme#0F0F0F#0F0F0F#1C1C1A#46473E#6A6B65
More Black split-complementary palettes
- Asphalt Split-complementary Color Scheme#130A06#0F1519#060B14#130D07#184D43
- Balsamico Split-complementary Color Scheme#130D07#0F1519#090615#130D07#19504C
- Black Split-complementary Color Scheme#000000#0F1012#0B0C14#130D0D#1B3427
- Black Hole Split-complementary Color Scheme#010203#130A06#16160E#0B0F1A#3C1414
- Black Knight Split-complementary Color Scheme#010B13#1D0200#1F180A#0B0F1A#5C0C0C
- Black Metal Split-complementary Color Scheme#060606#0F1012#0B0C14#130D0D#20392C
- Black Sheep Split-complementary Color Scheme#0F0D0D#0F1012#0B0C14#130D0D#274234
- Black Wash Split-complementary Color Scheme#0C0C0C#0F1012#0B0C14#130D0D#2B3F36
- Blackn’t Split-complementary Color Scheme#020F03#0B0119#180614#031602#331155
- Blackout Split-complementary Color Scheme#0E0702#0E191C#01081C#1C1208#104F4A
- Cosmic Bit Flip Split-complementary Color Scheme#001000#0B0119#180614#031602#340059
- Crow Split-complementary Color Scheme#180614#0F180A#001111#180614#225511
Questions
What colors go with Coco’s Black?
In a split-complementary scheme: River Styx (#161820), River Styx (#161820), Sinister (#12110E), Midnight Navy (#364251).
What is the hex code of Coco’s Black?
#1C1C1A.