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

RGB rgb(200, 157, 136)

HSL hsl(20°, 37%, 66%)

CMYK C:0% M:21% Y:32% K:22%

Luminance 0.3887

WCAG Accessibility

On white 2.43:1

Aa — #C89D88

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.63:1

Aa — #C89D88

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C89D88 #88B3C8

Analogous

#C88893 #C89D88 #C8BE88

Triadic

#C89D88 #88C89E #9E88C8

Split-comp.

#C89D88 #88C8BE #8893C8

Tetradic

#C89D88 #93C888 #88B3C8 #BE88C8

Monochromatic

#543C30 #956B56 #C0A091 #D2BCB1 #EEE6E2

Suggested palettes for this hue.

Danger Red View all →

Night Velvet View all →

Tropical Fruits View all →