Chocoholic Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Chocoholic (#993300), each snapped to its nearest named color.
#993300
#009B7D
#011993
#4F1507
#0AE9B4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Chocoholic | #993300 | 153, 51, 0 | 20°, 100%, 30% | 0, 67, 100, 40 | 46.6% 0.145 40 | |
| Paolo Veronese Green | #009B7D | 0, 155, 125 | 168°, 100%, 30% | 100, 0, 19, 39 | 61.4% 0.119 173 | |
| Bright Midnight | #011993 | 1, 25, 147 | 230°, 99%, 29% | 99, 83, 0, 42 | 32.2% 0.193 264 | |
| Earth Brown | #4F1507 | 79, 21, 7 | 12°, 84%, 17% | 0, 73, 91, 69 | 29.1% 0.090 35 | |
| Overchlorinated Pool | #0AE9B4 | 10, 233, 180 | 166°, 92%, 48% | 96, 0, 23, 9 | 83.0% 0.166 169 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4F1507 on #0AE9B4 | 9.24:1 | AAA |
| Aa #011993 on #0AE9B4 | 8.53:1 | AAA |
| Aa #993300 on #0AE9B4 | 4.71:1 | AA |
| Aa #009B7D on #4F1507 | 4.15:1 | AA large |
| Aa #009B7D on #011993 | 3.83:1 | AA large |
| Aa #009B7D on #0AE9B4 | 2.23:1 | — |
CSS variables
:root {
--color-1: #993300; /* Chocoholic */
--color-2: #009b7d; /* Paolo Veronese Green */
--color-3: #011993; /* Bright Midnight */
--color-4: #4f1507; /* Earth Brown */
--color-5: #0ae9b4; /* Overchlorinated Pool */
}Other schemes from Chocoholic
- Chocoholic Complementary Color Scheme#993300#F75300#006699#00334F#00AAFF
- Chocoholic Analogous Color Scheme#990066#960018#993300#997B00#669900
- Chocoholic Triadic Color Scheme#993300#009933#330099#FF5500#0A481E
- Chocoholic Tetradic Color Scheme#993300#119900#006699#720B98#FF5500
- Chocoholic Monochromatic Color Scheme#1A0600#4F1507#993300#ED4B00#FF7733
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 Chocoholic?
In a split-complementary scheme: Paolo Veronese Green (#009B7D), Bright Midnight (#011993), Earth Brown (#4F1507), Overchlorinated Pool (#0AE9B4).
What is the hex code of Chocoholic?
#993300.