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

RGB rgb(142, 108, 21)

HSL hsl(43°, 74%, 32%)

CMYK C:0% M:24% Y:85% K:44%

Luminance 0.167

WCAG Accessibility

On white 4.88:1

Aa — #8E6C15

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.31:1

Aa — #8E6C15

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#8E6C15 #15378E

Analogous

#8E2F15 #8E6C15 #748E15

Triadic

#8E6C15 #158E6C #6C158E

Split-comp.

#8E6C15 #15748E #2F158E

Tetradic

#8E6C15 #158E2F #15378E #8E1574

Monochromatic

#E5CB8A #D3A736 #86681D #5C4814 #1D1706

Suggested palettes for this hue.

Deep Ocean View all →

Gold & Black View all →

Blue Serenity View all →