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

RGB rgb(197, 166, 121)

HSL hsl(36°, 40%, 62%)

CMYK C:0% M:16% Y:39% K:23%

Luminance 0.4127

WCAG Accessibility

On white 2.31:1

Aa — #C5A679

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.1:1

Aa — #C5A679

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C5A679 #7796C5

Analogous

#C57F77 #C5A679 #BDC577

Triadic

#C5A679 #77C5A6 #A677C5

Split-comp.

#C5A679 #77BDC5 #7F77C5

Tetradic

#C5A679 #77C57F #7796C5 #C577BD

Monochromatic

#493B27 #8B724B #BBA481 #CDBCA2 #E8E0D4

Suggested palettes for this hue.

Volcano View all →

Retro 70s View all →

Dark UI View all →