Hot Chocolate (DE8337) — 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 #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #DE8337

RGB rgb(222, 131, 55)

HSL hsl(27°, 72%, 54%)

CMYK C:0% M:41% Y:75% K:13%

Luminance 0.3244

WCAG Accessibility

On white 2.83:1

Aa — #DE8337

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 7.41:1

Aa — #DE8337

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DE8337 #3592DE

Analogous

#DE353E #DE8337 #DED635

Triadic

#DE8337 #35DE81 #8135DE

Split-comp.

#DE8337 #35DED6 #353EDE

Tetradic

#DE8337 #3EDE35 #3592DE #D635DE

Monochromatic

#3A210E #8C5121 #D28241 #DC9E6A #EBC6A8

Suggested palettes for this hue.

Sand Desert View all →

Northern Lights View all →

Mediterranean View all →