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

RGB rgb(187, 165, 95)

HSL hsl(46°, 40%, 55%)

CMYK C:0% M:12% Y:49% K:27%

Luminance 0.3902

WCAG Accessibility

On white 2.42:1

Aa — #BBA55F

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.66:1

Aa — #BBA55F

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BBA55F #5E74BA

Analogous

#BA775E #BBA55F #A2BA5E

Triadic

#BBA55F #5EBAA5 #A55EBA

Split-comp.

#BBA55F #5EA2BA #775EBA

Tetradic

#BBA55F #5EBA77 #5E74BA #BA5EA2

Monochromatic

#322C1B #74683E #AF9F6A #C1B48B #DBD4BD

Suggested palettes for this hue.

Tropical Fruits View all →

Pop Art View all →

Northern Lights View all →