Magenta hex code
The hex code for magenta is #FF00FF. In RGB that is rgb(255, 0, 255) and in HSL it is hsl(300, 100%, 50%).
The hex code for magenta is #FF00FF. In RGB that is rgb(255, 0, 255) and in HSL it is hsl(300, 100%, 50%).
Magenta · #FF00FF
Colour codes
- HEX
- #FF00FF
- RGB
- rgb(255, 0, 255)
- HSL
- hsl(300, 100%, 50%)
- CMYK
- 0, 100, 0, 0
- CSS name
- magenta
- Contrast on white
- 3.14:1
- Contrast on black
- 6.70:1
Tints and shades
20% lighter · #ff33ff
40% lighter · #ff66ff
60% lighter · #ff99ff
80% lighter · #ffccff
20% darker · #cc00cc
40% darker · #990099
60% darker · #660066
80% darker · #330033
Complementary colour
Magenta · #FF00FF
Opposite on the colour wheel · #00ff00
Frequently asked questions
What is the hex code for magenta?
The hex code for magenta is #FF00FF. In RGB that is rgb(255, 0, 255) and in HSL it is hsl(300, 100%, 50%).
Can I use magenta for text?
It has a contrast ratio of 3.14:1 on white and 6.70:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with magenta?
Its complementary colour, opposite on the colour wheel, is #00FF00. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of magenta instead.
Is magenta a CSS colour name?
Yes. CSS accepts the keyword magenta, so color: magenta and color: #FF00FF render exactly the same.