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

RGB rgb(186, 174, 119)

HSL hsl(49°, 33%, 60%)

CMYK C:0% M:6% Y:36% K:27%

Luminance 0.4282

WCAG Accessibility

On white 2.23:1

Aa — #BAAE77

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.41:1

Aa — #BAAE77

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BAAE77 #7784BB

Analogous

#BB8D77 #BAAE77 #A5BB77

Triadic

#BAAE77 #77BBAE #AE77BB

Split-comp.

#BAAE77 #77A5BB #8D77BB

Tetradic

#BAAE77 #77BB8D #7784BB #BB77A5

Monochromatic

#3F3A27 #7D754F #B0A882 #C4BEA1 #E2DED0

Suggested palettes for this hue.

Northern Lights View all →

Icy Winter View all →

Danger Red View all →