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

RGB rgb(185, 131, 29)

HSL hsl(39°, 73%, 42%)

CMYK C:0% M:29% Y:84% K:27%

Luminance 0.2708

WCAG Accessibility

On white 3.32:1

Aa — #B9831D

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.33:1

Aa — #B9831D

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B9831D #1D54B9

Analogous

#B9341D #B9831D #A2B91D

Triadic

#B9831D #1DB983 #831DB9

Split-comp.

#B9831D #1DA2B9 #341DB9

Tetradic

#B9831D #1DB934 #1D54B9 #B91DA2

Monochromatic

#EEDAB4 #DBB061 #AF7F28 #85611E #473410

Suggested palettes for this hue.

Matcha Tea View all →

Mediterranean View all →

Danger Red View all →