Saddle Brown (884C1B) — Shades, Harmonies, Palettes, CSS Code

"Saddle Brown"

Earth · Autumn

🧠 Psychology

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

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

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

Values

HEX #884C1B

RGB rgb(136, 76, 27)

HSL hsl(27°, 67%, 32%)

CMYK C:0% M:44% Y:80% K:47%

Luminance 0.1037

WCAG Accessibility

On white 6.78:1

Aa — #884C1B

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.1:1

Aa — #884C1B

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#884C1B #1B5788

Analogous

#881B20 #884C1B #88831B

Triadic

#884C1B #1B884C #4C1B88

Split-comp.

#884C1B #1B8883 #1B2088

Tetradic

#884C1B #20881B #1B5788 #831B88

Monochromatic

#E0B48F #CA7E3F #804D23 #583518 #1C1108

Suggested palettes for this hue.

Red Passion View all →

Cherry Blossom View all →

Night Velvet View all →