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

RGB rgb(205, 184, 128)

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

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

Luminance 0.4962

WCAG Accessibility

On white 1.95:1

Aa — #CDB880

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 10.76:1

Aa — #CDB880

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CDB880 #7E93CD

Analogous

#CD917E #CDB880 #BBCD7E

Triadic

#CDB880 #7ECDB8 #B87ECD

Split-comp.

#CDB880 #7EBBCD #917ECD

Tetradic

#CDB880 #7ECD91 #7E93CD #CD7EBB

Monochromatic

#554A2A #9A854C #C4B487 #D5C9AA #EEEADD

Suggested palettes for this hue.

Pop Matisse View all →

Coffee & Cream View all →

Sand Desert View all →