Huebook

Chocoholic Analogous Color Scheme

Five colors arranged by the analogous rule around Chocoholic (#993300), each snapped to its nearest named color.

#990066
#960018
#993300
#997B00
#669900

Color names and codes

NameHEXRGBHSLCMYKOKLCH
8 Bit Eggplant#990066153, 0, 102320°, 100%, 30%0, 100, 33, 4045.1% 0.189 349
Flame Hawkfish#960018150, 0, 24350°, 100%, 29%0, 100, 84, 4142.4% 0.172 24
Chocoholic#993300153, 51, 020°, 100%, 30%0, 67, 100, 4046.6% 0.145 40
Cerignola Olive#997B00153, 123, 048°, 100%, 30%0, 20, 100, 4059.4% 0.122 92
Gecko’s Dream#669900102, 153, 080°, 100%, 30%33, 0, 100, 4062.3% 0.166 129

Which pairs work for text

Text on backgroundContrastWCAG
Aa #960018 on #6699002.65:1—
Aa #990066 on #6699002.40:1—
Aa #960018 on #997B002.25:1—
Aa #993300 on #6699002.16:1—
Aa #990066 on #997B002.04:1—
Aa #993300 on #997B001.83:1—

CSS variables

:root {
  --color-1: #990066; /* 8 Bit Eggplant */
  --color-2: #960018; /* Flame Hawkfish */
  --color-3: #993300; /* Chocoholic */
  --color-4: #997b00; /* Cerignola Olive */
  --color-5: #669900; /* Gecko’s Dream */
}

Other schemes from Chocoholic

More dark orange analogous color schemes

Questions

What colors go with Chocoholic?

In a analogous scheme: 8 Bit Eggplant (#990066), Flame Hawkfish (#960018), Cerignola Olive (#997B00), Gecko’s Dream (#669900).

What is the hex code of Chocoholic?

#993300.