Brown (A28171) — Shades, Harmonies, Palettes, CSS Code

"Brown"

Earth · Autumn

🧠 Psychology

Warm and optimistic color. Evokes creativity, joy and enthusiasm.

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

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

Values

HEX #A28171

RGB rgb(162, 129, 113)

HSL hsl(20°, 21%, 54%)

CMYK C:0% M:20% Y:30% K:36%

Luminance 0.2501

WCAG Accessibility

On white 3.55:1

Aa — #A28171

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.91:1

Aa — #A28171

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#A28171 #7192A2

Analogous

#A27179 #A28171 #A29A71

Triadic

#A28171 #71A281 #8171A2

Split-comp.

#A28171 #71A29A #7179A2

Tetradic

#A28171 #79A271 #7192A2 #9A71A2

Monochromatic

#282220 #60544D #97857D #ADA099 #CFC7C4

Suggested palettes for this hue.

Chocolate View all →

Nordic View all →

Santorini View all →