Magenta (98497B) — 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 #98497B

RGB rgb(152, 73, 123)

HSL hsl(322°, 35%, 44%)

CMYK C:0% M:52% Y:19% K:40%

Luminance 0.1283

WCAG Accessibility

On white 5.88:1

Aa — #98497B

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.57:1

Aa — #98497B

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#98497B #499766

Analogous

#8D4997 #98497B #974953

Triadic

#98497B #7B9749 #497B97

Split-comp.

#98497B #539749 #49978D

Tetradic

#98497B #978D49 #499766 #495397

Monochromatic

#E0CCD9 #BA8CA9 #8C5478 #6C415C #3D2434

Suggested palettes for this hue.

Arctic Tundra View all →

Coral Sea View all →

Neon 90s View all →