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

RGB rgb(193, 157, 80)

HSL hsl(41°, 48%, 54%)

CMYK C:0% M:19% Y:59% K:24%

Luminance 0.3669

WCAG Accessibility

On white 2.56:1

Aa — #C19D50

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.21:1

Aa — #C19D50

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C19D50 #5175C2

Analogous

#C26651 #C19D50 #ADC251

Triadic

#C19D50 #51C29E #9E51C2

Split-comp.

#C19D50 #51ADC2 #6651C2

Tetradic

#C19D50 #51C266 #5175C2 #C251AD

Monochromatic

#312916 #786336 #B69A5D #C6B080 #DED1B5

Suggested palettes for this hue.

Coffee & Cream View all →

Art Deco View all →

Nordic View all →