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

RGB rgb(108, 68, 55)

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

CMYK C:0% M:37% Y:49% K:58%

Luminance 0.0736

WCAG Accessibility

On white 8.33:1

Aa — #6C4437

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.52:1

Aa — #6C4437

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#6C4437 #375F6D

Analogous

#6D3744 #6C4437 #6D5F37

Triadic

#6C4437 #376D44 #44376D

Split-comp.

#6C4437 #376D5F #37446D

Tetradic

#6C4437 #446D37 #375F6D #5F376D

Monochromatic

#C8AFA7 #A17768 #64483F #45322B #16100E

Suggested palettes for this hue.

Purple UI View all →

Matcha Tea View all →

Deep Ocean View all →