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

RGB rgb(180, 124, 95)

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

CMYK C:0% M:31% Y:47% K:29%

Luminance 0.2534

WCAG Accessibility

On white 3.51:1

Aa — #B47C5F

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.99:1

Aa — #B47C5F

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B47C5F #5F98B4

Analogous

#B45F6E #B47C5F #B4A65F

Triadic

#B47C5F #5FB47C #7C5FB4

Split-comp.

#B47C5F #5FB4A6 #5F6EB4

Tetradic

#B47C5F #6EB45F #5F98B4 #A65FB4

Monochromatic

#2D211A #6D4F40 #A8806B #BB9B8B #D7C5BC

Suggested palettes for this hue.

Danger Red View all →

Pop Art View all →

Mediterranean View all →