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

RGB rgb(141, 109, 22)

HSL hsl(44°, 73%, 32%)

CMYK C:0% M:23% Y:84% K:45%

Luminance 0.1683

WCAG Accessibility

On white 4.85:1

Aa — #8D6D16

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.33:1

Aa — #8D6D16

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#8D6D16 #16368D

Analogous

#8D3216 #8D6D16 #718D16

Triadic

#8D6D16 #168D6D #6D168D

Split-comp.

#8D6D16 #16718D #32168D

Tetradic

#8D6D16 #168D32 #16368D #8D1671

Monochromatic

#E5CD8B #D2A937 #856A1E #5B4915 #1D1707

Suggested palettes for this hue.

Danger Red View all →

Nordic View all →

Success Green View all →