Saddle Brown (755D12) — 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 #755D12

RGB rgb(117, 93, 18)

HSL hsl(45°, 73%, 26%)

CMYK C:0% M:21% Y:85% K:54%

Luminance 0.1163

WCAG Accessibility

On white 6.3:1

Aa — #755D12

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.33:1

Aa — #755D12

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#755D12 #122A73

Analogous

#732A12 #755D12 #5A7312

Triadic

#755D12 #12735A #5A1273

Split-comp.

#755D12 #125A73 #2A1273

Tetradic

#755D12 #12732A #122A73 #73125A

Monochromatic

#DFC472 #BF9A2B #6C5719 #43360F #040301

Suggested palettes for this hue.

Dark UI View all →

Pop Matisse View all →

Gold & Black View all →