Wild Chocolate Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Wild Chocolate (#665134), each snapped to its nearest named color.
#665134
#376167
#343467
#35281E
#4D939A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Wild Chocolate | #665134 | 102, 81, 52 | 35°, 32%, 30% | 0, 21, 49, 60 | |
| Deep Sea Dive | #376167 | 55, 97, 103 | 188°, 30%, 31% | 47, 6, 0, 60 | |
| Deep Koamaru | #343467 | 52, 52, 103 | 240°, 33%, 30% | 50, 50, 0, 60 | |
| Cocoa Brown | #35281E | 53, 40, 30 | 26°, 28%, 16% | 0, 25, 43, 79 | |
| Sea Star | #4D939A | 77, 147, 154 | 185°, 33%, 45% | 50, 5, 0, 40 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #35281E on #4D939A | 4.04:1 | AA large |
| Aa #343467 on #4D939A | 3.25:1 | AA large |
| Aa #665134 on #4D939A | 2.13:1 | — |
| Aa #376167 on #35281E | 2.08:1 | — |
| Aa #376167 on #4D939A | 1.94:1 | — |
| Aa #665134 on #35281E | 1.89:1 | — |
CSS variables
:root {
--color-1: #665134; /* Wild Chocolate */
--color-2: #376167; /* Deep Sea Dive */
--color-3: #343467; /* Deep Koamaru */
--color-4: #35281e; /* Cocoa Brown */
--color-5: #4d939a; /* Sea Star */
}Other schemes from Wild Chocolate
- Wild Chocolate Complementary Color Scheme#665134#A38154#384866#1B2632#5778A7
- Wild Chocolate Analogous Color Scheme#64344B#623836#665134#69673A#486531
- Wild Chocolate Triadic Color Scheme#665134#356554#4D3466#A78658#1B3427
- Wild Chocolate Tetradic Color Scheme#665134#316738#384866#673362#A78658
- Wild Chocolate Monochromatic Color Scheme#16110D#35281E#665134#977B4D#B89E78
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 Wild Chocolate?
In a split-complementary scheme: Deep Sea Dive (#376167), Deep Koamaru (#343467), Cocoa Brown (#35281E), Sea Star (#4D939A).
What is the hex code of Wild Chocolate?
#665134.