Cacao Nibs Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Cacao Nibs (#80442F), each snapped to its nearest named color.
#80442F
#35836A
#2E4182
#47241A
#42B395
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Cacao Nibs | #80442F | 128, 68, 47 | 16°, 46%, 34% | 0, 47, 63, 50 | 45.6% 0.089 40 | |
| Dream Green | #35836A | 53, 131, 106 | 161°, 42%, 36% | 60, 0, 19, 49 | 55.4% 0.087 169 | |
| Official Violet | #2E4182 | 46, 65, 130 | 226°, 48%, 35% | 65, 50, 0, 49 | 39.6% 0.112 269 | |
| Wild Brown | #47241A | 71, 36, 26 | 13°, 46%, 19% | 0, 49, 63, 72 | 30.5% 0.056 37 | |
| Green Blue | #42B395 | 66, 179, 149 | 164°, 46%, 48% | 63, 0, 17, 30 | 69.4% 0.112 172 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #47241A on #42B395 | 5.29:1 | AA |
| Aa #2E4182 on #42B395 | 3.70:1 | AA large |
| Aa #35836A on #47241A | 3.00:1 | AA large |
| Aa #80442F on #42B395 | 2.91:1 | — |
| Aa #35836A on #2E4182 | 2.10:1 | — |
| Aa #80442F on #47241A | 1.81:1 | — |
CSS variables
:root {
--color-1: #80442f; /* Cacao Nibs */
--color-2: #35836a; /* Dream Green */
--color-3: #2e4182; /* Official Violet */
--color-4: #47241a; /* Wild Brown */
--color-5: #42b395; /* Green Blue */
}Other schemes from Cacao Nibs
- Cacao Nibs Complementary Color Scheme#80442F#BF6A52#316F82#1C3D44#54A6C2
- Cacao Nibs Analogous Color Scheme#873260#883344#80442F#886B2E#698339
- Cacao Nibs Triadic Color Scheme#80442F#338544#443388#C57556#1E4D2B
- Cacao Nibs Tetradic Color Scheme#80442F#448833#316F82#733380#C57556
- Cacao Nibs Monochromatic Color Scheme#130D07#47241A#80442F#B66044#CB8F7B
More dark orange split-complementary color schemes
- 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 Cacao Nibs?
In a split-complementary scheme: Dream Green (#35836A), Official Violet (#2E4182), Wild Brown (#47241A), Green Blue (#42B395).
What is the hex code of Cacao Nibs?
#80442F.