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

RGB rgb(206, 48, 143)

HSL hsl(324°, 62%, 50%)

CMYK C:0% M:77% Y:31% K:19%

Luminance 0.1713

WCAG Accessibility

On white 4.73:1

Aa — #CE308F

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.44:1

Aa — #CE308F

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CE308F #30CF70

Analogous

#BF30CF #CE308F #CF3040

Triadic

#CE308F #8FCF30 #308FCF

Split-comp.

#CE308F #40CF30 #30CFBF

Tetradic

#CE308F #CFBF30 #30CF70 #3040CF

Monochromatic

#270C1C #742554 #C23D8D #CE64A4 #E09EC6

Suggested palettes for this hue.

Dragonfruit View all →

Provence Lavender View all →

Coral Sea View all →