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

RGB rgb(142, 100, 94)

HSL hsl(7°, 20%, 46%)

CMYK C:0% M:30% Y:34% K:44%

Luminance 0.1579

WCAG Accessibility

On white 5.08:1

Aa — #8E645E

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.13:1

Aa — #8E645E

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#8E645E #5E878D

Analogous

#8D5E70 #8E645E #8D7B5E

Triadic

#8E645E #5E8D63 #635E8D

Split-comp.

#8E645E #5E8D7B #5E708D

Tetradic

#8E645E #708D5E #5E878D #7B5E8D

Monochromatic

#DFD9D8 #B1A2A0 #816C6A #655553 #3B3130

Suggested palettes for this hue.

Mediterranean View all →

Coffee & Cream View all →

Neon 90s View all →