Caramel (BE8364) — Shades, Harmonies, Palettes, CSS Code

"Caramel"

Earth · Autumn

🧠 Psychology

Warm and optimistic color. Evokes creativity, joy and enthusiasm.

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

Caramel pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #BE8364

RGB rgb(190, 131, 100)

HSL hsl(21°, 41%, 57%)

CMYK C:0% M:31% Y:47% K:25%

Luminance 0.2857

WCAG Accessibility

On white 3.17:1

Aa — #BE8364

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.62:1

Aa — #BE8364

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BE8364 #649FBE

Analogous

#BE6472 #BE8364 #BEB164

Triadic

#BE8364 #64BE84 #8464BE

Split-comp.

#BE8364 #64BEB1 #6472BE

Tetradic

#BE8364 #72BE64 #649FBE #B164BE

Monochromatic

#39271E #7C5641 #B3876F #C5A391 #DFCDC3

Suggested palettes for this hue.

Sunset View all →

Neon 90s View all →

Blue Serenity View all →