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

RGB rgb(189, 162, 122)

HSL hsl(36°, 34%, 61%)

CMYK C:0% M:14% Y:35% K:26%

Luminance 0.3879

WCAG Accessibility

On white 2.44:1

Aa — #BDA27A

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.61:1

Aa — #BDA27A

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BDA27A #7A95BD

Analogous

#BD807A #BDA27A #B7BD7A

Triadic

#BDA27A #7ABDA2 #A27ABD

Split-comp.

#BDA27A #7AB7BD #807ABD

Tetradic

#BDA27A #7ABD80 #7A95BD #BD7AB7

Monochromatic

#423829 #826E4F #B3A084 #C7B9A3 #E4DDD3

Suggested palettes for this hue.

Dragonfruit View all →

Pop Matisse View all →

Kyoto Zen View all →