Magenta#FF00FF
Magenta Hex Code: #FF00FF
Magenta is a light, vivid purple. Its OKLCH lightness is 70% and chroma 0.322. Text on this color reads best in black (contrast 6.70:1).
Also called: Fuchsia, Magenta Pink, Fuchsia Pink
| HEX | #FF00FF |
|---|---|
| RGB | rgb(255, 0, 255) |
| HSL | hsl(300, 100%, 50%) |
| HSV / HSB | hsv(300, 100%, 100%) |
| CMYK | cmyk(0%, 100%, 0%, 0%) |
| OKLCH | oklch(70.2% 0.322 328.4) |
Contrast
White text3.14:1
AAAA largeAAA
Black text6.70:1
AAAA largeAAA
On white3.14:1
AAAA largeAAA
On black6.70:1
AAAA largeAAA
Tints
Shades
Matching colors
Complementary
Split complementary
Similar named colors
Code
| CSS | color: #FF00FF; |
|---|---|
| Tailwind | bg-[#ff00ff] |
| SwiftUI | Color(red: 1, green: 0, blue: 1) |
| Android | Color.parseColor("#FF00FF") |
| Flutter | Color(0xFFFF00FF) |
Magenta is a CSS named color (magenta); the value follows W3C CSS Color Module Level 4.
Frequently asked questions
What is the hex code for magenta?
Magenta is #FF00FF in hex and rgb(255, 0, 255) in RGB.
What is magenta in CMYK?
With the plain conversion formula it is cmyk(0, 100, 0, 0). For print, convert with your printer's ICC profile instead.
What text color works on magenta?
Black text has the higher contrast at 6.70:1, which passes WCAG AA for normal text (4.5:1).