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

RGB rgb(204, 200, 153)

HSL hsl(55°, 33%, 70%)

CMYK C:0% M:2% Y:25% K:20%

Luminance 0.5727

WCAG Accessibility

On white 1.71:1

Aa — #CCC899

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 12.29:1

Aa — #CCC899

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CCC899 #999DCC

Analogous

#CCAE99 #CCC899 #B7CC99

Triadic

#CCC899 #99CCC8 #C899CC

Split-comp.

#CCC899 #99B7CC #AE99CC

Tetradic

#CCC899 #99CCAE #999DCC #CC99B7

Monochromatic

#5E5B3B #9D9862 #C4C1A1 #D8D6C0 #F5F5EF

Suggested palettes for this hue.

Deep Ocean View all →

Volcano View all →

Northern Lights View all →