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

RGB rgb(238, 12, 160)

HSL hsl(321°, 90%, 49%)

CMYK C:0% M:95% Y:33% K:7%

Luminance 0.2094

WCAG Accessibility

On white 4.04:1

Aa — #EE0CA0

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.2:1

Aa — #EE0CA0

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#EE0CA0 #0CED5B

Analogous

#CC0CED #EE0CA0 #ED0C2E

Triadic

#EE0CA0 #9FED0C #0C9FED

Split-comp.

#EE0CA0 #2EED0C #0CEDCC

Tetradic

#EE0CA0 #EDCC0C #0CED5B #0C2EED

Monochromatic

#F9CDEA #EF71C3 #E1199B #B3147B #6E0C4C

Suggested palettes for this hue.

Neon 90s View all →

Golden Autumn View all →

Dark UI View all →