Choco Chic Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Choco Chic (#993311), each snapped to its nearest named color.
#993311
#0F9D76
#113691
#4E1B0B
#11DDAA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Choco Chic | #993311 | 153, 51, 17 | 15°, 80%, 33% | 0, 67, 89, 40 | |
| Holly Green | #0F9D76 | 15, 157, 118 | 164°, 83%, 34% | 90, 0, 25, 38 | |
| Dark Seashore Night | #113691 | 17, 54, 145 | 223°, 79%, 32% | 88, 63, 0, 43 | |
| Chocolate Rush | #4E1B0B | 78, 27, 11 | 14°, 75%, 17% | 0, 65, 86, 69 | |
| Malted Mint Madness | #11DDAA | 17, 221, 170 | 165°, 86%, 47% | 92, 0, 23, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4E1B0B on #11DDAA | 8.04:1 | AAA |
| Aa #113691 on #11DDAA | 6.09:1 | AA |
| Aa #993311 on #11DDAA | 4.21:1 | AA large |
| Aa #0F9D76 on #4E1B0B | 4.11:1 | AA large |
| Aa #0F9D76 on #113691 | 3.11:1 | AA large |
| Aa #993311 on #0F9D76 | 2.15:1 | — |
CSS variables
:root {
--color-1: #993311; /* Choco Chic */
--color-2: #0f9d76; /* Holly Green */
--color-3: #113691; /* Dark Seashore Night */
--color-4: #4e1b0b; /* Chocolate Rush */
--color-5: #11ddaa; /* Malted Mint Madness */
}Other schemes from Choco Chic
- Choco Chic Complementary Color Scheme#993311#E75323#0D789F#004455#2CB1EB
- Choco Chic Analogous Color Scheme#991177#991133#993311#967111#769C18
- Choco Chic Triadic Color Scheme#993311#009933#330099#E95E2A#0F521A
- Choco Chic Tetradic Color Scheme#993311#3F9B0B#0D789F#720B98#E95E2A
- Choco Chic Monochromatic Color Scheme#1A0600#4E1B0B#993311#DD4411#EE7C54
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 Choco Chic?
In a split-complementary scheme: Holly Green (#0F9D76), Dark Seashore Night (#113691), Chocolate Rush (#4E1B0B), Malted Mint Madness (#11DDAA).
What is the hex code of Choco Chic?
#993311.