Caramel (B99256) — Shades, Harmonies, Palettes, CSS Code

"Caramel"

Earth · Autumn

🧠 Psychology

Warm and optimistic color. Evokes creativity, joy and enthusiasm.

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

Caramel pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #B99256

RGB rgb(185, 146, 86)

HSL hsl(36°, 41%, 53%)

CMYK C:0% M:21% Y:54% K:27%

Luminance 0.3213

WCAG Accessibility

On white 2.87:1

Aa — #B99256

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 7.31:1

Aa — #B99256

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B99256 #567DB8

Analogous

#B86056 #B99256 #AEB856

Triadic

#B99256 #56B891 #9156B8

Split-comp.

#B99256 #56AEB8 #6056B8

Tetradic

#B99256 #56B860 #567DB8 #B856AE

Monochromatic

#2B2317 #6E593A #AC8F62 #BEA683 #D8CAB6

Suggested palettes for this hue.

Gradient Sunset View all →

Volcano View all →

Tokyo Neon View all →