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

RGB rgb(127, 100, 18)

HSL hsl(45°, 75%, 28%)

CMYK C:0% M:21% Y:86% K:50%

Luminance 0.1373

WCAG Accessibility

On white 5.62:1

Aa — #7F6412

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.73:1

Aa — #7F6412

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#7F6412 #122D7D

Analogous

#7D2D12 #7F6412 #627D12

Triadic

#7F6412 #127D62 #62127D

Split-comp.

#7F6412 #12627D #2D127D

Tetradic

#7F6412 #127D2D #122D7D #7D1262

Monochromatic

#E2C878 #CAA22B #765F19 #4C3D10 #0D0A03

Suggested palettes for this hue.

Coffee & Cream View all →

Amber Warning View all →

Electric Vibes View all →