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

RGB rgb(187, 94, 27)

HSL hsl(25°, 75%, 42%)

CMYK C:0% M:50% Y:86% K:27%

Luminance 0.1876

WCAG Accessibility

On white 4.44:1

Aa — #BB5E1B

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.73:1

Aa — #BB5E1B

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BB5E1B #1B78BB

Analogous

#BB1B28 #BB5E1B #BBAE1B

Triadic

#BB5E1B #1BBB5E #5E1BBB

Split-comp.

#BB5E1B #1BBBAE #1B28BB

Tetradic

#BB5E1B #28BB1B #1B78BB #AE1BBB

Monochromatic

#EFCCB3 #DD945F #B15F25 #87491D #48270F

Suggested palettes for this hue.

Nordic View all →

Night Velvet View all →

French Riviera View all →