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

RGB rgb(202, 102, 33)

HSL hsl(24°, 72%, 46%)

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

Luminance 0.2234

WCAG Accessibility

On white 3.86:1

Aa — #CA6621

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.43:1

Aa — #CA6621

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CA6621 #2186CA

Analogous

#CA2132 #CA6621 #CAB921

Triadic

#CA6621 #21CA64 #6421CA

Split-comp.

#CA6621 #21CAB9 #2132CA

Tetradic

#CA6621 #32CA21 #2186CA #B921CA

Monochromatic

#F1D7C5 #DE9E73 #BE672D #955023 #572F14

Suggested palettes for this hue.

Coffee & Cream View all →

Volcano View all →

Tropical Jungle View all →