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

RGB rgb(220, 97, 33)

HSL hsl(21°, 74%, 50%)

CMYK C:0% M:56% Y:85% K:14%

Luminance 0.2397

WCAG Accessibility

On white 3.64:1

Aa — #DC6121

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.77:1

Aa — #DC6121

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DC6121 #219CDE

Analogous

#DE213D #DC6121 #DEC221

Triadic

#DC6121 #21DE63 #6321DE

Split-comp.

#DC6121 #21DEC2 #213DDE

Tetradic

#DC6121 #3DDE21 #219CDE #C221DE

Monochromatic

#2A1509 #7D3E1C #D1672E #DA8558 #E8B396

Suggested palettes for this hue.

Tropical Jungle View all →

Pop Matisse View all →

Kyoto Zen View all →