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

RGB rgb(205, 166, 128)

HSL hsl(30°, 44%, 65%)

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

Luminance 0.4255

WCAG Accessibility

On white 2.24:1

Aa — #CDA680

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.36:1

Aa — #CDA680

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CDA680 #7EA6CD

Analogous

#CD7E7E #CDA680 #CDCD7E

Triadic

#CDA680 #7ECDA6 #A67ECD

Split-comp.

#CDA680 #7ECDCD #7E7ECD

Tetradic

#CDA680 #7ECD7E #7EA6CD #CD7ECD

Monochromatic

#55402A #9A734C #C4A687 #D5BFAA #EEE6DD

Suggested palettes for this hue.

Pearl Zen View all →

Pastel Spring View all →

Red Passion View all →