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

RGB rgb(181, 102, 33)

HSL hsl(28°, 69%, 42%)

CMYK C:0% M:44% Y:82% K:29%

Luminance 0.1961

WCAG Accessibility

On white 4.3:1

Aa — #B56621

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.89:1

Aa — #B56621

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B56621 #2170B5

Analogous

#B52126 #B56621 #B5B021

Triadic

#B56621 #21B566 #6621B5

Split-comp.

#B56621 #21B5B0 #2126B5

Tetradic

#B56621 #26B521 #2170B5 #B021B5

Monochromatic

#ECCFB6 #D79A65 #AA672C #824E21 #452A12

Suggested palettes for this hue.

Mediterranean View all →

Amber Warning View all →

Santorini View all →