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

RGB rgb(191, 162, 82)

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

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

Luminance 0.3821

WCAG Accessibility

On white 2.47:1

Aa — #BFA252

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.51:1

Aa — #BFA252

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BFA252 #5471C0

Analogous

#C06D54 #BFA252 #A6C054

Triadic

#BFA252 #54C0A3 #A354C0

Split-comp.

#BFA252 #54A6C0 #6D54C0

Tetradic

#BFA252 #54C06D #5471C0 #C054A6

Monochromatic

#312A17 #766537 #B49D5F #C4B382 #DDD2B6

Suggested palettes for this hue.

Amber Warning View all →

Dark UI View all →

Concrete Steel View all →