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

RGB rgb(171, 114, 89)

HSL hsl(18°, 33%, 51%)

CMYK C:0% M:33% Y:48% K:33%

Luminance 0.2171

WCAG Accessibility

On white 3.98:1

Aa — #AB7259

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.28:1

Aa — #AB7259

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#AB7259 #5993AB

Analogous

#AB5969 #AB7259 #AB9B59

Triadic

#AB7259 #59AB72 #7259AB

Split-comp.

#AB7259 #59AB9B #5969AB

Tetradic

#AB7259 #69AB59 #5993AB #9B59AB

Monochromatic

#231916 #61483D #9F7765 #B29285 #D0BCB4

Suggested palettes for this hue.

Grey Minimal View all →

Purple UI View all →

Sand Desert View all →