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

RGB rgb(227, 35, 224)

HSL hsl(301°, 77%, 51%)

CMYK C:0% M:85% Y:1% K:11%

Luminance 0.2279

WCAG Accessibility

On white 3.76:1

Aa — #E323E0

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.58:1

Aa — #E323E0

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#E323E0 #22E225

Analogous

#8522E2 #E323E0 #E2227F

Triadic

#E323E0 #DFE222 #22DFE2

Split-comp.

#E323E0 #7FE222 #22E285

Tetradic

#E323E0 #E28522 #22E225 #227FE2

Monochromatic

#2F092E #841A82 #D62ED3 #DE59DC #EB99E9

Suggested palettes for this hue.

Deep Ocean View all →

Neon 90s View all →

Coffee & Cream View all →