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

RGB rgb(209, 193, 158)

HSL hsl(41°, 36%, 72%)

CMYK C:0% M:8% Y:24% K:18%

Luminance 0.5499

WCAG Accessibility

On white 1.77:1

Aa — #D1C19E

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 11.83:1

Aa — #D1C19E

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#D1C19E #9EAED1

Analogous

#D1A79E #D1C19E #C8D19E

Triadic

#D1C19E #9ED1C1 #C19ED1

Split-comp.

#D1C19E #9EC8D1 #A79ED1

Tetradic

#D1C19E #9ED1A7 #9EAED1 #D19EC8

Monochromatic

#67593C #A49065 #CABEA5 #DDD5C5 #F9F8F5

Suggested palettes for this hue.

Sand Desert View all →

Dark UI View all →

Memphis Design View all →