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

RGB rgb(194, 198, 134)

HSL hsl(64°, 36%, 65%)

CMYK C:2% M:0% Y:32% K:22%

Luminance 0.544

WCAG Accessibility

On white 1.79:1

Aa — #C2C686

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 11.72:1

Aa — #C2C686

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C2C686 #8A86C6

Analogous

#C6AA86 #C2C686 #A1C686

Triadic

#C2C686 #86C2C6 #C686C2

Split-comp.

#C2C686 #86A1C6 #AA86C6

Tetradic

#C2C686 #86C6AA #8A86C6 #C686A1

Monochromatic

#4E502F #8D9155 #BABD8F #CED0AF #EBECDF

Suggested palettes for this hue.

French Riviera View all →

Marrakech View all →

Tropical Jungle View all →