Caramel (C4C37E) — Shades, Harmonies, Palettes, CSS Code

"Caramel"

Earth · Summer

🧠 Psychology

Bright color that captures attention. Symbolizes optimism, clarity and intellect.

✨ Uses

Warnings, lighting, youth fashion, accessories.

Tip

Caramel pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #C4C37E

RGB rgb(196, 195, 126)

HSL hsl(59°, 37%, 63%)

CMYK C:0% M:1% Y:36% K:23%

Luminance 0.5309

WCAG Accessibility

On white 1.83:1

Aa — #C4C37E

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 11.45:1

Aa — #C4C37E

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C4C37E #7E7FC4

Analogous

#C49F7E #C4C37E #A2C47E

Triadic

#C4C37E #7EC4C2 #C27EC4

Split-comp.

#C4C37E #7EA2C4 #9F7EC4

Tetradic

#C4C37E #7EC49F #7E7FC4 #C47EA2

Monochromatic

#4A4A2B #8B8A50 #BAB987 #CDCCA8 #E9E8D8

Suggested palettes for this hue.

Pop Matisse View all →

Night Velvet View all →

Gradient Sunset View all →