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

RGB rgb(180, 141, 95)

HSL hsl(32°, 36%, 54%)

CMYK C:0% M:22% Y:47% K:29%

Luminance 0.3013

WCAG Accessibility

On white 3.04:1

Aa — #B48D5F

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.92:1

Aa — #B48D5F

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B48D5F #5F87B4

Analogous

#B4625F #B48D5F #B1B45F

Triadic

#B48D5F #5FB48D #8D5FB4

Split-comp.

#B48D5F #5FB1B4 #625FB4

Tetradic

#B48D5F #5FB462 #5F87B4 #B45FB1

Monochromatic

#2D241A #6D5840 #A88C6B #BBA58B #D7CABC

Suggested palettes for this hue.

Provence Lavender View all →

Icy Winter View all →

Concrete Steel View all →