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

RGB rgb(202, 190, 134)

HSL hsl(49°, 39%, 66%)

CMYK C:0% M:6% Y:34% K:21%

Luminance 0.5192

WCAG Accessibility

On white 1.87:1

Aa — #CABE86

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 11.22:1

Aa — #CABE86

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CABE86 #8693CA

Analogous

#CA9C86 #CABE86 #B5CA86

Triadic

#CABE86 #86CABE #BE86CA

Split-comp.

#CABE86 #86B5CA #9C86CA

Tetradic

#CABE86 #86CA9C #8693CA #CA86B5

Monochromatic

#564E2F #978B53 #C1B88F #D4CDB0 #EFECE1

Suggested palettes for this hue.

Velvet & Silk View all →

Kyoto Zen View all →

Neon 90s View all →