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

RGB rgb(196, 113, 36)

HSL hsl(29°, 69%, 45%)

CMYK C:0% M:42% Y:82% K:23%

Luminance 0.2395

WCAG Accessibility

On white 3.66:1

Aa — #C47124

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.73:1

Aa — #C47124

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C47124 #2475C2

Analogous

#C22426 #C47124 #C2BF24

Triadic

#C47124 #24C270 #7024C2

Split-comp.

#C47124 #24C2BF #2426C2

Tetradic

#C47124 #26C224 #2475C2 #BF24C2

Monochromatic

#EFD8C2 #DAA471 #B6702F #8E5725 #513215

Suggested palettes for this hue.

Chocolate View all →

Danger Red View all →

Provence Lavender View all →