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

RGB rgb(182, 132, 67)

HSL hsl(34°, 46%, 49%)

CMYK C:0% M:27% Y:63% K:29%

Luminance 0.273

WCAG Accessibility

On white 3.3:1

Aa — #B68443

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.37:1

Aa — #B68443

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B68443 #4375B6

Analogous

#B64B43 #B68443 #AFB643

Triadic

#B68443 #43B685 #8543B6

Split-comp.

#B68443 #43AFB6 #4B43B6

Tetradic

#B68443 #43B64B #4375B6 #B643AF

Monochromatic

#EDE4D9 #CCB493 #AA8350 #876840 #534027

Suggested palettes for this hue.

Santorini View all →

Volcano View all →

Blue Serenity View all →