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

RGB rgb(188, 168, 117)

HSL hsl(43°, 35%, 60%)

CMYK C:0% M:11% Y:38% K:26%

Luminance 0.4073

WCAG Accessibility

On white 2.33:1

Aa — #BCA875

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9:1

Aa — #BCA875

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BCA875 #758ABD

Analogous

#BD8575 #BCA875 #ADBD75

Triadic

#BCA875 #75BDA8 #A875BD

Split-comp.

#BCA875 #75ADBD #8575BD

Tetradic

#BCA875 #75BD85 #758ABD #BD75AD

Monochromatic

#403926 #80714D #B3A480 #C6BB9F #E2DDCF

Suggested palettes for this hue.

Pastel Spring View all →

Tech Blue View all →

Berries View all →