Hot Chocolate (E9A066) — Shades, Harmonies, Palettes, CSS Code

"Hot Chocolate"

Earth · Autumn

🧠 Psychology

Warm and optimistic color. Evokes creativity, joy and enthusiasm.

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

Hot Chocolate pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #E9A066

RGB rgb(233, 160, 102)

HSL hsl(27°, 75%, 66%)

CMYK C:0% M:31% Y:56% K:9%

Luminance 0.4405

WCAG Accessibility

On white 2.17:1

Aa — #E9A066

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.68:1

Aa — #E9A066

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#E9A066 #67AFE9

Analogous

#E9676E #E9A066 #E9E367

Triadic

#E9A066 #67E9A2 #A267E9

Split-comp.

#E9A066 #67E9E3 #676EE9

Tetradic

#E9A066 #6EE967 #67AFE9 #E367E9

Monochromatic

#6D3E17 #C26E29 #E1A370 #EABE9A #F7E7D9

Suggested palettes for this hue.

Northern Lights View all →

Volcano View all →

Rose Gold View all →