Chocolate Rain Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Chocolate Rain (#714F29), each snapped to its nearest named color.
#714F29
#2A6F73
#292D74
#372418
#3DA3AE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Chocolate Rain | #714F29 | 113, 79, 41 | 32°, 47%, 30% | 0, 30, 64, 56 | |
| Blue Hosta | #2A6F73 | 42, 111, 115 | 183°, 46%, 31% | 63, 3, 0, 55 | |
| Blue Rose | #292D74 | 41, 45, 116 | 237°, 48%, 31% | 65, 61, 0, 55 | |
| Wetlands Swamp | #372418 | 55, 36, 24 | 23°, 39%, 15% | 0, 35, 56, 78 | |
| Teal Essence | #3DA3AE | 61, 163, 174 | 186°, 48%, 46% | 65, 6, 0, 32 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #372418 on #3DA3AE | 4.94:1 | AA |
| Aa #292D74 on #3DA3AE | 4.09:1 | AA large |
| Aa #2A6F73 on #372418 | 2.53:1 | — |
| Aa #714F29 on #3DA3AE | 2.47:1 | — |
| Aa #2A6F73 on #292D74 | 2.10:1 | — |
| Aa #714F29 on #372418 | 2.00:1 | — |
CSS variables
:root {
--color-1: #714f29; /* Chocolate Rain */
--color-2: #2a6f73; /* Blue Hosta */
--color-3: #292d74; /* Blue Rose */
--color-4: #372418; /* Wetlands Swamp */
--color-5: #3da3ae; /* Teal Essence */
}Other schemes from Chocolate Rain
- Chocolate Rain Complementary Color Scheme#714F29#B77D42#2A4B6E#18233D#477BBD
- Chocolate Rain Analogous Color Scheme#6F2C4F#6E2D2B#714F29#747028#50702D
- Chocolate Rain Triadic Color Scheme#714F29#247345#522A6F#BB8246#193925
- Chocolate Rain Tetradic Color Scheme#714F29#2C6E31#2A4B6E#772F6C#BB8246
- Chocolate Rain Monochromatic Color Scheme#130D07#372418#714F29#A6773F#C69C6A
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 Chocolate Rain?
In a split-complementary scheme: Blue Hosta (#2A6F73), Blue Rose (#292D74), Wetlands Swamp (#372418), Teal Essence (#3DA3AE).
What is the hex code of Chocolate Rain?
#714F29.