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

RGB rgb(100, 66, 12)

HSL hsl(37°, 79%, 22%)

CMYK C:0% M:34% Y:88% K:61%

Luminance 0.0638

WCAG Accessibility

On white 9.03:1

Aa — #64420C

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.33:1

Aa — #64420C

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#64420C #0C2E64

Analogous

#64160C #64420C #5A640C

Triadic

#64420C #0C6442 #420C64

Split-comp.

#64420C #0C5A64 #160C64

Tetradic

#64420C #0C6416 #0C2E64 #640C5A

Monochromatic

#E1AE5B #B57C21 #5F4111 #342409 #000000

Suggested palettes for this hue.

Night Velvet View all →

White Marble View all →

Tropical Jungle View all →