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

RGB rgb(225, 17, 131)

HSL hsl(327°, 86%, 47%)

CMYK C:0% M:92% Y:42% K:12%

Luminance 0.18

WCAG Accessibility

On white 4.56:1

Aa — #E11183

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.61:1

Aa — #E11183

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#E11183 #11DF6E

Analogous

#D511DF #E11183 #DF111B

Triadic

#E11183 #82DF11 #1182DF

Split-comp.

#E11183 #1BDF11 #11DFD5

Tetradic

#E11183 #DFD511 #11DF6E #111BDF

Monochromatic

#F7C5E0 #EB6BB1 #D31D81 #A61766 #630D3C

Suggested palettes for this hue.

Deep Ocean View all →

Gradient Sunset View all →

Tech Blue View all →