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

RGB rgb(191, 170, 83)

HSL hsl(48°, 46%, 54%)

CMYK C:0% M:11% Y:57% K:25%

Luminance 0.4118

WCAG Accessibility

On white 2.31:1

Aa — #BFAA53

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.09:1

Aa — #BFAA53

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BFAA53 #5469C0

Analogous

#C07454 #BFAA53 #9FC054

Triadic

#BFAA53 #54C0AA #AA54C0

Split-comp.

#BFAA53 #549FC0 #7454C0

Tetradic

#BFAA53 #54C074 #5469C0 #C0549F

Monochromatic

#312B17 #766937 #B4A35F #C4B782 #DDD5B6

Suggested palettes for this hue.

White Marble View all →

Pop Matisse View all →

Matcha View all →