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

RGB rgb(205, 190, 150)

HSL hsl(44°, 35%, 70%)

CMYK C:0% M:7% Y:27% K:20%

Luminance 0.5284

WCAG Accessibility

On white 1.84:1

Aa — #CDBE96

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 11.4:1

Aa — #CDBE96

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CDBE96 #98A6CD

Analogous

#CDA498 #CDBE96 #C1CD98

Triadic

#CDBE96 #98CDBF #BF98CD

Split-comp.

#CDBE96 #98C1CD #A498CD

Tetradic

#CDBE96 #98CDA4 #98A6CD #CD98C1

Monochromatic

#605539 #9F8E60 #C6BB9F #D9D2BF #F5F4EF

Suggested palettes for this hue.

Cherry Blossom View all →

Retro 70s View all →

Sahara View all →