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

RGB rgb(219, 197, 179)

HSL hsl(27°, 36%, 78%)

CMYK C:0% M:10% Y:18% K:14%

Luminance 0.5906

WCAG Accessibility

On white 1.66:1

Aa — #DBC5B3

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 12.65:1

Aa — #DBC5B3

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DBC5B3 #B3C9DB

Analogous

#DBB3B5 #DBC5B3 #DBD9B3

Triadic

#DBC5B3 #B3DBC5 #C5B3DB

Split-comp.

#DBC5B3 #B3DBD9 #B3B5DB

Tetradic

#DBC5B3 #B5DBB3 #B3C9DB #D9B3DB

Monochromatic

#7A5E48 #B09178 #D5C5B8 #E8E0D8 #FFFFFF

Suggested palettes for this hue.

Matcha Tea View all →

Dragonfruit View all →

Berries View all →