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

RGB rgb(216, 99, 23)

HSL hsl(24°, 81%, 47%)

CMYK C:0% M:54% Y:89% K:15%

Luminance 0.2371

WCAG Accessibility

On white 3.67:1

Aa — #D86317

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.72:1

Aa — #D86317

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#D86317 #178BD9

Analogous

#D9172A #D86317 #D9C617

Triadic

#D86317 #17D964 #6417D9

Split-comp.

#D86317 #17D9C6 #172AD9

Tetradic

#D86317 #2AD917 #178BD9 #C617D9

Monochromatic

#F5D9C6 #E79F6F #CD6723 #A1511B #603010

Suggested palettes for this hue.

Pastel 80s View all →

Dragonfruit View all →

Green Meadow View all →