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

RGB rgb(220, 103, 32)

HSL hsl(23°, 75%, 49%)

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

Luminance 0.2517

WCAG Accessibility

On white 3.5:1

Aa — #DC6720

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6:1

Aa — #DC6720

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DC6720 #1F93DB

Analogous

#DB1F35 #DC6720 #DBC51F

Triadic

#DC6720 #1FDB67 #671FDB

Split-comp.

#DC6720 #1FDBC5 #1F35DB

Tetradic

#DC6720 #35DB1F #1F93DB #C51FDB

Monochromatic

#F5DFD1 #E3A47D #CE6A2C #A45423 #653415

Suggested palettes for this hue.

Velvet & Silk View all →

Matcha Tea View all →

Grey Minimal View all →