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

RGB rgb(195, 172, 114)

HSL hsl(43°, 40%, 61%)

CMYK C:0% M:12% Y:42% K:24%

Luminance 0.4309

WCAG Accessibility

On white 2.22:1

Aa — #C3AC72

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.46:1

Aa — #C3AC72

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C3AC72 #748AC3

Analogous

#C38574 #C3AC72 #B2C374

Triadic

#C3AC72 #74C3AD #AD74C3

Split-comp.

#C3AC72 #74B2C3 #8574C3

Tetradic

#C3AC72 #74C385 #748AC3 #C374B2

Monochromatic

#463D25 #887649 #B9A87E #CBBF9F #E6E0D1

Suggested palettes for this hue.

Pop Matisse View all →

Vibrant Summer View all →

Sand Desert View all →