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

RGB rgb(192, 194, 142)

HSL hsl(62°, 30%, 66%)

CMYK C:1% M:0% Y:27% K:24%

Luminance 0.5257

WCAG Accessibility

On white 1.85:1

Aa — #C0C28E

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 11.35:1

Aa — #C0C28E

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C0C28E #908EC2

Analogous

#C2AA8E #C0C28E #A7C28E

Triadic

#C0C28E #8EC1C2 #C28EC1

Split-comp.

#C0C28E #8EA7C2 #AA8EC2

Tetradic

#C0C28E #8EC2AA #908EC2 #C28EA7

Monochromatic

#4F5035 #8B8D5E #B8BA97 #CDCEB6 #ECEDE3

Suggested palettes for this hue.

Amber Warning View all →

Northern Lights View all →

Volcano View all →