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

RGB rgb(181, 85, 33)

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

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

Luminance 0.1646

WCAG Accessibility

On white 4.9:1

Aa — #B55521

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.29:1

Aa — #B55521

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B55521 #2181B5

Analogous

#B52137 #B55521 #B59F21

Triadic

#B55521 #21B555 #5521B5

Split-comp.

#B55521 #21B59F #2137B5

Tetradic

#B55521 #37B521 #2181B5 #9F21B5

Monochromatic

#ECC9B6 #D78D65 #AA582C #824321 #452412

Suggested palettes for this hue.

Northern Lights View all →

Chocolate View all →

Sand Desert View all →