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

RGB rgb(190, 181, 112)

HSL hsl(53°, 38%, 59%)

CMYK C:0% M:5% Y:41% K:25%

Luminance 0.4596

WCAG Accessibility

On white 2.09:1

Aa — #BEB570

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 10.03:1

Aa — #BEB570

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BEB570 #6F78BE

Analogous

#BE8D6F #BEB570 #A0BE6F

Triadic

#BEB570 #6FBEB5 #B56FBE

Split-comp.

#BEB570 #6FA0BE #8D6FBE

Tetradic

#BEB570 #6FBE8D #6F78BE #BE6FA0

Monochromatic

#3E3B23 #7F7948 #B4AD79 #C6C19A #E2DFCB

Suggested palettes for this hue.

Chocolate View all →

Mediterranean View all →

Gold & Black View all →