Magenta (9B7894) — Shades, Harmonies, Palettes, CSS Code

"Magenta"

Pink · Spring

🧠 Psychology

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

✨ Uses

Fashion, beauty, youth marketing, creative tech.

Tip

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

Values

HEX #9B7894

RGB rgb(155, 120, 148)

HSL hsl(312°, 15%, 54%)

CMYK C:0% M:23% Y:5% K:39%

Luminance 0.2291

WCAG Accessibility

On white 3.81:1

Aa — #9B7894

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.51:1

Aa — #9B7894

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#9B7894 #789B7F

Analogous

#91789B #9B7894 #9B7883

Triadic

#9B7894 #949B78 #78949B

Split-comp.

#9B7894 #839B78 #789B91

Tetradic

#9B7894 #9B9178 #789B7F #78839B

Monochromatic

#252225 #5B5259 #90848D #A89FA6 #CCC7CB

Suggested palettes for this hue.

Coral Sea View all →

Memphis Design View all →

Grey Minimal View all →