Saddle Brown (8A531B) — 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 #8A531B

RGB rgb(138, 83, 27)

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

CMYK C:0% M:40% Y:80% K:46%

Luminance 0.1161

WCAG Accessibility

On white 6.3:1

Aa — #8A531B

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.33:1

Aa — #8A531B

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#8A531B #1B5288

Analogous

#881B1B #8A531B #88881B

Triadic

#8A531B #1B8852 #521B88

Split-comp.

#8A531B #1B8888 #1B1B88

Tetradic

#8A531B #1B881B #1B5288 #881B88

Monochromatic

#E0B88F #CA853F #805223 #583818 #1C1208

Suggested palettes for this hue.

Sahara View all →

Nordic View all →

Vintage Sepia View all →