Dark Brown (2D1A21) — Shades, Harmonies, Palettes, CSS Code

"Dark Brown"

Earth · Spring

🧠 Psychology

Emotional and creative color. Evokes transformation, innovation and modern femininity.

✨ Uses

Fashion, beauty, youth marketing, creative tech.

Tip

Dark Brown pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #2D1A21

RGB rgb(45, 26, 33)

HSL hsl(338°, 27%, 14%)

CMYK C:0% M:42% Y:27% K:82%

Luminance 0.0102

WCAG Accessibility

On white 16.39:1

Aa — #2D1A21

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.28:1

Aa — #2D1A21

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#2D1A21 #1A2D26

Analogous

#2D1A2B #2D1A21 #2D1D1A

Triadic

#2D1A21 #212D1A #1A212D

Split-comp.

#2D1A21 #1A2D1D #1A2B2D

Tetradic

#2D1A21 #2B2D1A #1A2D26 #1D1A2D

Monochromatic

#9E7684 #654853 #2A1E22 #0C080A #000000

Suggested palettes for this hue.

Coffee & Cream View all →

Dark UI View all →

Pastel Spring View all →