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

RGB rgb(208, 42, 144)

HSL hsl(323°, 66%, 49%)

CMYK C:0% M:80% Y:31% K:18%

Luminance 0.1699

WCAG Accessibility

On white 4.76:1

Aa — #D02A90

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.42:1

Aa — #D02A90

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#D02A90 #2ACF6A

Analogous

#BC2ACF #D02A90 #CF2A3E

Triadic

#D02A90 #90CF2A #2A90CF

Split-comp.

#D02A90 #3ECF2A #2ACFBC

Tetradic

#D02A90 #CFBC2A #2ACF6A #2A3ECF

Monochromatic

#F3D3E7 #DC84BA #C3378D #9B2C70 #5F1B45

Suggested palettes for this hue.

Dark UI View all →

Grey Minimal View all →

White Marble View all →