Magenta #FF00FF

Magenta#FF00FF · rgb(255, 0, 255)

Magenta color codes

CSS namemagenta
HEX#FF00FF
RGBrgb(255, 0, 255)
HSLhsl(300, 100%, 50%)
CMYKcmyk(0%, 100%, 0%, 0%)
Decimal16711935

Shades of Magenta (darker)

#E600E6 · #CC00CC · #B300B3 · #990099 · #800080 · #660066 · #4D004D · #330033 · #1A001A

Tints of Magenta (lighter)

#FF1AFF · #FF33FF · #FF4DFF · #FF66FF · #FF80FF · #FF99FF · #FFB3FF · #FFCCFF · #FFE6FF

Color harmonies

Complementary
#00FF00
Triadic
#FFFF00, #00FFFF
Analogous
#8000FF, #FF0080

Accessibility (WCAG contrast)

White text on Magenta3.14:1 · AA large text only
Black text on Magenta6.70:1 · AA

Use Magenta in code

.element {
  color: magenta;          /* or #ff00ff */
  background-color: rgb(255 0 255 / 0.5);
}

Frequently asked questions

What is the hex code for Magenta?

Magenta is #FF00FF in HEX, rgb(255, 0, 255) in RGB and hsl(300, 100%, 50%) in HSL.

Can I use "magenta" directly in CSS?

Yes. "magenta" is one of the 148 standard CSS named colors, so color: magenta; works in every browser.

Is Magenta readable on white?

The contrast ratio of Magenta on white is 3.14:1 (WCAG AA large text only). On black it is 6.70:1 (AA).

What is the complementary color of Magenta?

The complementary color (opposite on the color wheel) is #00FF00.

Similar colors

Deep Pink#FF1493Dark Violet#9400D3Medium Orchid#BA55D3Dark Orchid#9932CCOrchid#DA70D6Blue Violet#8A2BE2Hot Pink#FF69B4Violet#EE82EE

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.