Brown (7D5E59) — Shades, Harmonies, Palettes, CSS Code

"Brown"

Earth · Winter

🧠 Psychology

Color of energy and passion. Red stimulates attention and evokes urgency, love or strength.

✨ Uses

CTAs, alerts, fashion, beauty, food, sport.

Tip

Brown pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #7D5E59

RGB rgb(125, 94, 89)

HSL hsl(8°, 17%, 42%)

CMYK C:0% M:25% Y:29% K:51%

Luminance 0.131

WCAG Accessibility

On white 5.81:1

Aa — #7D5E59

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.62:1

Aa — #7D5E59

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#7D5E59 #59787D

Analogous

#7D5966 #7D5E59 #7D7059

Triadic

#7D5E59 #597D5E #5E597D

Split-comp.

#7D5E59 #597D70 #59667D

Tetradic

#7D5E59 #667D59 #59787D #70597D

Monochromatic

#D4CFCE #A59997 #736664 #574D4C #2E2928

Suggested palettes for this hue.

Pop Matisse View all →

Dark UI View all →

Red Passion View all →