Saddle Brown (834D20) — 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 #834D20

RGB rgb(131, 77, 32)

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

CMYK C:0% M:41% Y:76% K:49%

Luminance 0.1012

WCAG Accessibility

On white 6.89:1

Aa — #834D20

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.05:1

Aa — #834D20

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#834D20 #205783

Analogous

#832025 #834D20 #837E20

Triadic

#834D20 #20834D #4D2083

Split-comp.

#834D20 #20837E #202583

Tetradic

#834D20 #258320 #205783 #7E2083

Monochromatic

#DCB493 #C37E46 #7B4D28 #55351B #1B1109

Suggested palettes for this hue.

Amazon View all →

Tokyo Neon View all →

Chocolate View all →