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

RGB rgb(230, 140, 80)

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

CMYK C:0% M:39% Y:65% K:10%

Luminance 0.3663

WCAG Accessibility

On white 2.55:1

Aa — #E68C50

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.23:1

Aa — #E68C50

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#E68C50 #51AAE6

Analogous

#E65160 #E68C50 #E6D751

Triadic

#E68C50 #51E68D #8D51E6

Split-comp.

#E68C50 #51E6D7 #5160E6

Tetradic

#E68C50 #60E651 #51AAE6 #D751E6

Monochromatic

#582F13 #AD5B25 #DC8F5B #E5AB85 #F3D7C4

Suggested palettes for this hue.

Deep Ocean View all →

Pastel Spring View all →

Chocolate View all →