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

RGB rgb(102, 71, 61)

HSL hsl(15°, 25%, 32%)

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

Luminance 0.0744

WCAG Accessibility

On white 8.29:1

Aa — #66473D

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.53:1

Aa — #66473D

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#66473D #3D5C66

Analogous

#663D47 #66473D #665C3D

Triadic

#66473D #3D6647 #473D66

Split-comp.

#66473D #3D665C #3D4766

Tetradic

#66473D #47663D #3D5C66 #5C3D66

Monochromatic

#C2B2AD #977B72 #5E4B45 #413430 #15110F

Suggested palettes for this hue.

Pearl Zen View all →

Moss & Stone View all →

Coral Sea View all →