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

RGB rgb(178, 107, 82)

HSL hsl(16°, 38%, 51%)

CMYK C:0% M:40% Y:54% K:30%

Luminance 0.2082

WCAG Accessibility

On white 4.1:1

Aa — #B26B52

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.12:1

Aa — #B26B52

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B26B52 #5398B2

Analogous

#B25369 #B26B52 #B29B53

Triadic

#B26B52 #53B26C #6C53B2

Split-comp.

#B26B52 #53B29B #5369B2

Tetradic

#B26B52 #69B253 #5398B2 #9B53B2

Monochromatic

#241814 #654539 #A5725F #B78F80 #D3BAB1

Suggested palettes for this hue.

Amber Warning View all →

Marrakech View all →

Coral Sea View all →