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

RGB rgb(176, 101, 30)

HSL hsl(29°, 71%, 40%)

CMYK C:0% M:43% Y:83% K:31%

Luminance 0.1879

WCAG Accessibility

On white 4.44:1

Aa — #B0651E

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.73:1

Aa — #B0651E

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B0651E #1E68AE

Analogous

#AE1E20 #B0651E #AEAC1E

Triadic

#B0651E #1EAE64 #641EAE

Split-comp.

#B0651E #1EAEAC #1E20AE

Tetradic

#B0651E #20AE1E #1E68AE #AC1EAE

Monochromatic

#EBCBAD #D7975B #A46428 #7B4B1E #3E250F

Suggested palettes for this hue.

Orange Energy View all →

Neon 90s View all →

Rose Gold View all →