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

RGB rgb(154, 122, 104)

HSL hsl(22°, 20%, 51%)

CMYK C:0% M:21% Y:32% K:40%

Luminance 0.2214

WCAG Accessibility

On white 3.92:1

Aa — #9A7A68

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.36:1

Aa — #9A7A68

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#9A7A68 #69899B

Analogous

#9B6970 #9A7A68 #9B9469

Triadic

#9A7A68 #699B7B #7B699B

Split-comp.

#9A7A68 #699B94 #69709B

Tetradic

#9A7A68 #709B69 #69899B #94699B

Monochromatic

#1F1B19 #574D47 #8F7F76 #A59992 #C8C0BC

Suggested palettes for this hue.

Grey Minimal View all →

Gradient Sunset View all →

Mediterranean View all →