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

RGB rgb(179, 132, 72)

HSL hsl(34°, 43%, 49%)

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

Luminance 0.2701

WCAG Accessibility

On white 3.33:1

Aa — #B38448

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.31:1

Aa — #B38448

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B38448 #4776B3

Analogous

#B34E47 #B38448 #ACB347

Triadic

#B38448 #47B384 #8447B3

Split-comp.

#B38448 #47ACB3 #4E47B3

Tetradic

#B38448 #47B34E #4776B3 #B347AC

Monochromatic

#ECE4DA #CAB396 #A68254 #846843 #514029

Suggested palettes for this hue.

Tokyo Neon View all →

Dragonfruit View all →

Gradient Sunset View all →