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

RGB rgb(240, 36, 199)

HSL hsl(312°, 87%, 54%)

CMYK C:0% M:85% Y:17% K:6%

Luminance 0.2375

WCAG Accessibility

On white 3.63:1

Aa — #F024C7

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.78:1

Aa — #F024C7

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F024C7 #24F04C

Analogous

#B324F0 #F024C7 #F02461

Triadic

#F024C7 #C7F024 #24C7F0

Split-comp.

#F024C7 #61F024 #24F0B3

Tetradic

#F024C7 #F0B324 #24F04C #2461F0

Monochromatic

#3F0834 #99147F #E42FC0 #EA5DCE #F3A0E2

Suggested palettes for this hue.

Pop Matisse View all →

Vintage Sepia View all →

Blue Serenity View all →