Caramel (CBC162) — 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 #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #CBC162

RGB rgb(203, 193, 98)

HSL hsl(54°, 50%, 59%)

CMYK C:0% M:5% Y:52% K:20%

Luminance 0.525

WCAG Accessibility

On white 1.85:1

Aa — #CBC162

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 11.34:1

Aa — #CBC162

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CBC162 #626DCB

Analogous

#CB8C62 #CBC162 #A1CB62

Triadic

#CBC162 #62CBC0 #C062CB

Split-comp.

#CBC162 #62A1CB #8C62CB

Tetradic

#CBC162 #62CB8C #626DCB #CB62A1

Monochromatic

#44401D #8B833C #C0B86D #D0C990 #E7E3C6

Suggested palettes for this hue.

Pop Art View all →

Danger Red View all →

Golden Autumn View all →