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

RGB rgb(244, 54, 213)

HSL hsl(310°, 90%, 58%)

CMYK C:0% M:78% Y:13% K:4%

Luminance 0.2651

WCAG Accessibility

On white 3.31:1

Aa — #F436D5

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.34:1

Aa — #F436D5

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F436D5 #34F454

Analogous

#B434F4 #F436D5 #F43474

Triadic

#F436D5 #D4F434 #34D4F4

Split-comp.

#F436D5 #74F434 #34F4B4

Tetradic

#F436D5 #F4B434 #34F454 #3474F4

Monochromatic

#530946 #AE1395 #EA3ECD #EF6CD9 #F6B1EB

Suggested palettes for this hue.

Purple UI View all →

Success Green View all →

Tech Blue View all →