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

RGB rgb(227, 49, 185)

HSL hsl(314°, 76%, 54%)

CMYK C:0% M:78% Y:19% K:11%

Luminance 0.2192

WCAG Accessibility

On white 3.88:1

Aa — #E331B9

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.41:1

Aa — #E331B9

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#E331B9 #31E35A

Analogous

#B331E3 #E331B9 #E33160

Triadic

#E331B9 #B9E331 #31B9E3

Split-comp.

#E331B9 #60E331 #31E3B3

Tetradic

#E331B9 #E3B331 #31E35A #3160E3

Monochromatic

#3B0C30 #901D75 #D73CB3 #E067C4 #EDA6DC

Suggested palettes for this hue.

Green Meadow View all →

Golden Autumn View all →

Provence Lavender View all →