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

RGB rgb(186, 133, 103)

HSL hsl(22°, 38%, 57%)

CMYK C:0% M:28% Y:45% K:27%

Luminance 0.2868

WCAG Accessibility

On white 3.16:1

Aa — #BA8567

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.64:1

Aa — #BA8567

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BA8567 #689CBB

Analogous

#BB6873 #BA8567 #BBB068

Triadic

#BA8567 #68BB86 #8668BB

Split-comp.

#BA8567 #68BBB0 #6873BB

Tetradic

#BA8567 #73BB68 #689CBB #B068BB

Monochromatic

#37281F #795744 #B08973 #C2A593 #DECEC4

Suggested palettes for this hue.

Purple Mystery View all →

Dragonfruit View all →

Volcano View all →