Cocoa Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cocoa (#875F42), each snapped to its nearest named color.
#875F42
#418D84
#44448D
#573B2A
#66B6B0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Cocoa | #875F42 | 135, 95, 66 | 25°, 34%, 39% | 0, 30, 51, 47 | |
| Royal Palm | #418D84 | 65, 141, 132 | 173°, 37%, 40% | 54, 0, 6, 45 | |
| Spectrum Blue | #44448D | 68, 68, 141 | 240°, 35%, 41% | 52, 52, 0, 45 | |
| Tuk Tuk | #573B2A | 87, 59, 42 | 23°, 35%, 25% | 0, 32, 52, 66 | |
| Veranda Blue | #66B6B0 | 102, 182, 176 | 176°, 35%, 56% | 44, 0, 3, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #573B2A on #66B6B0 | 4.30:1 | AA large |
| Aa #44448D on #66B6B0 | 3.62:1 | AA large |
| Aa #418D84 on #573B2A | 2.60:1 | — |
| Aa #875F42 on #66B6B0 | 2.37:1 | — |
| Aa #418D84 on #44448D | 2.18:1 | — |
| Aa #875F42 on #573B2A | 1.81:1 | — |
CSS variables
:root {
--color-1: #875f42; /* Cocoa */
--color-2: #418d84; /* Royal Palm */
--color-3: #44448d; /* Spectrum Blue */
--color-4: #573b2a; /* Tuk Tuk */
--color-5: #66b6b0; /* Veranda Blue */
}Other schemes from Cocoa
- Cocoa Complementary Color Scheme#875F42#B88D70#416986#274256#729EB9
- Cocoa Analogous Color Scheme#8C4268#8B4248#875F42#8A8342#688C43
- Cocoa Triadic Color Scheme#875F42#47885E#554488#BB9174#2B553E
- Cocoa Tetradic Color Scheme#875F42#468741#416986#884488#BB9174
- Cocoa Monochromatic Color Scheme#231712#573B2A#875F42#B68761#C9AF96
More Dark Orange split-complementary palettes
- Afternoon Coffee Split-complementary Color Scheme#6E544B#477266#445172#43302E#67A195
- Aged Antics Split-complementary Color Scheme#886B2E#327A88#2E2D88#4E3E1F#41A0B4
- Ancient Chest Split-complementary Color Scheme#99522B#2B9890#2D3796#5D341A#55CCBB
- Antique Brass Split-complementary Color Scheme#6C461F#1C6B69#281367#361D0A#27A0A8
- Autumn Gold Split-complementary Color Scheme#7D623C#3C797D#413C7B#463623#55AAAA
- Avocado Stone Split-complementary Color Scheme#4E3E1F#1E454D#231C4D#1C1208#327A88
- Baby Bear Split-complementary Color Scheme#6F5944#456F6E#42426F#413628#65A19F
- Batch Brew Split-complementary Color Scheme#45392F#2A4845#2C2E47#171310#487678
- Bigfoot Split-complementary Color Scheme#715145#477266#445172#43302E#67A195
- Bison Split-complementary Color Scheme#6E4F3A#366D68#3B3B6D#3E2B23#53A391
- Black Power Split-complementary Color Scheme#654B37#3A6364#383867#35281E#4F938F
- Bloodhound Split-complementary Color Scheme#BB5511#13BBAF#0022BB#773311#25E2CD
Questions
What colors go with Cocoa?
In a split-complementary scheme: Royal Palm (#418D84), Spectrum Blue (#44448D), Tuk Tuk (#573B2A), Veranda Blue (#66B6B0).
What is the hex code of Cocoa?
#875F42.