Hot Chocolate (E06F24) — 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 #E06F24

RGB rgb(224, 111, 36)

HSL hsl(24°, 75%, 51%)

CMYK C:0% M:50% Y:84% K:12%

Luminance 0.2756

WCAG Accessibility

On white 3.25:1

Aa — #E06F24

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.47:1

Aa — #E06F24

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#E06F24 #2495E0

Analogous

#E02437 #E06F24 #E0CD24

Triadic

#E06F24 #24E06F #6F24E0

Split-comp.

#E06F24 #24E0CD #2437E0

Tetradic

#E06F24 #37E024 #2495E0 #CD24E0

Monochromatic

#2E180A #82451C #D37231 #DC8F5B #EABA9A

Suggested palettes for this hue.

Chocolate View all →

Pastel 80s View all →

Night Velvet View all →