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

RGB rgb(205, 166, 129)

HSL hsl(29°, 43%, 65%)

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

Luminance 0.4258

WCAG Accessibility

On white 2.24:1

Aa — #CDA681

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.37:1

Aa — #CDA681

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CDA681 #7FA7CC

Analogous

#CC7F81 #CDA681 #CCCB7F

Triadic

#CDA681 #7FCCA4 #A47FCC

Split-comp.

#CDA681 #7FCCCB #7F81CC

Tetradic

#CDA681 #81CC7F #7FA7CC #CB7FCC

Monochromatic

#553F2B #99714D #C3A588 #D4BFAA #EEE5DD

Suggested palettes for this hue.

Coffee & Cream View all →

Golden Autumn View all →

Dragonfruit View all →