Caramel (BDB48A) — 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 #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #BDB48A

RGB rgb(189, 180, 138)

HSL hsl(49°, 28%, 64%)

CMYK C:0% M:5% Y:27% K:26%

Luminance 0.4611

WCAG Accessibility

On white 2.09:1

Aa — #BDB48A

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 10.06:1

Aa — #BDB48A

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BDB48A #8993BD

Analogous

#BD9A89 #BDB48A #ADBD89

Triadic

#BDB48A #89BDB3 #B389BD

Split-comp.

#BDB48A #89ADBD #9A89BD

Tetradic

#BDB48A #89BD9A #8993BD #BD89AD

Monochromatic

#484432 #847D5C #B4AE93 #C9C4B1 #E8E6DE

Suggested palettes for this hue.

Santorini View all →

Sahara View all →

Memphis Design View all →