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

RGB rgb(205, 10, 143)

HSL hsl(319°, 91%, 42%)

CMYK C:0% M:95% Y:30% K:20%

Luminance 0.1523

WCAG Accessibility

On white 5.2:1

Aa — #CD0A8F

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.04:1

Aa — #CD0A8F

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CD0A8F #0ACD47

Analogous

#A90ACD #CD0A8F #CD0A2D

Triadic

#CD0A8F #8FCD0A #0A8FCD

Split-comp.

#CD0A8F #2DCD0A #0ACDA9

Tetradic

#CD0A8F #CDA90A #0ACD47 #0A2DCD

Monochromatic

#F6ACDF #ED50BB #C2148B #94106A #4E0838

Suggested palettes for this hue.

Amber Warning View all →

Autumn Forest View all →

Green Meadow View all →