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

RGB rgb(216, 198, 156)

HSL hsl(42°, 43%, 73%)

CMYK C:0% M:8% Y:28% K:15%

Luminance 0.582

WCAG Accessibility

On white 1.68:1

Aa — #D8C69C

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 12.48:1

Aa — #D8C69C

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#D8C69C #9DAED8

Analogous

#D8A89D #D8C69C #CCD89D

Triadic

#D8C69C #9DD8C6 #C69DD8

Split-comp.

#D8C69C #9DCCD8 #A89DD8

Tetradic

#D8C69C #9DD8A8 #9DAED8 #D89DCC

Monochromatic

#705F38 #AF9760 #D1C3A3 #E2D9C5 #FCFBF8

Suggested palettes for this hue.

Arctic Tundra View all →

Santorini View all →

Success Green View all →