Caramel (B9925B) — 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 #B9925B

RGB rgb(185, 146, 91)

HSL hsl(35°, 40%, 54%)

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

Luminance 0.3221

WCAG Accessibility

On white 2.87:1

Aa — #B9925B

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 7.33:1

Aa — #B9925B

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B9925B #5B82B9

Analogous

#B9635B #B9925B #B1B95B

Triadic

#B9925B #5BB992 #925BB9

Split-comp.

#B9925B #5BB1B9 #635BB9

Tetradic

#B9925B #5BB963 #5B82B9 #B95BB1

Monochromatic

#2E2519 #715B3D #AD9067 #BFA888 #DACCB9

Suggested palettes for this hue.

Orange Energy View all →

Kyoto Zen View all →

Electric Vibes View all →