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

RGB rgb(179, 132, 82)

HSL hsl(31°, 39%, 51%)

CMYK C:0% M:26% Y:54% K:30%

Luminance 0.2715

WCAG Accessibility

On white 3.31:1

Aa — #B38452

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.34:1

Aa — #B38452

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B38452 #5180B3

Analogous

#B35351 #B38452 #B1B351

Triadic

#B38452 #51B384 #8451B3

Split-comp.

#B38452 #51B1B3 #5351B3

Tetradic

#B38452 #51B353 #5180B3 #B351B1

Monochromatic

#241C14 #665038 #A6835E #B89D7F #D4C2B0

Suggested palettes for this hue.

Matcha View all →

Vintage Sepia View all →

Golden Autumn View all →