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

RGB rgb(203, 166, 118)

HSL hsl(34°, 45%, 63%)

CMYK C:0% M:18% Y:42% K:20%

Luminance 0.4201

WCAG Accessibility

On white 2.27:1

Aa — #CBA676

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.26:1

Aa — #CBA676

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CBA676 #769BCB

Analogous

#CB7C76 #CBA676 #C5CB76

Triadic

#CBA676 #76CBA6 #A676CB

Split-comp.

#CBA676 #76C5CB #7C76CB

Tetradic

#CBA676 #76CB7C #769BCB #CB76C5

Monochromatic

#4F3D26 #947347 #C2A580 #D2BDA2 #EBE2D6

Suggested palettes for this hue.

Sand Desert View all →

Cherry Blossom View all →

Danger Red View all →