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

RGB rgb(204, 166, 121)

HSL hsl(33°, 45%, 64%)

CMYK C:0% M:19% Y:41% K:20%

Luminance 0.4223

WCAG Accessibility

On white 2.26:1

Aa — #CCA679

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.3:1

Aa — #CCA679

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CCA679 #7A9FCD

Analogous

#CD7E7A #CCA679 #C8CD7A

Triadic

#CCA679 #7ACDA7 #A77ACD

Split-comp.

#CCA679 #7AC8CD #7E7ACD

Tetradic

#CCA679 #7ACD7E #7A9FCD #CD7AC8

Monochromatic

#533F28 #977449 #C3A683 #D4BFA5 #EDE4D9

Suggested palettes for this hue.

Northern Lights View all →

Deep Ocean View all →

Memphis Design View all →