Saddle Brown (9F5818) — 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 #9F5818

RGB rgb(159, 88, 24)

HSL hsl(28°, 74%, 36%)

CMYK C:0% M:45% Y:85% K:38%

Luminance 0.1445

WCAG Accessibility

On white 5.41:1

Aa — #9F5818

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.88:1

Aa — #9F5818

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#9F5818 #1860A0

Analogous

#A0181C #9F5818 #A09B18

Triadic

#9F5818 #18A057 #5718A0

Split-comp.

#9F5818 #18A09B #181CA0

Tetradic

#9F5818 #1CA018 #1860A0 #9B18A0

Monochromatic

#E9BF9B #D78A47 #975821 #6D3F18 #2E1B0A

Suggested palettes for this hue.

Nordic View all →

Mediterranean View all →

Kyoto Zen View all →