Magenta
#FF00FF
Magenta (#FF00FF) is a medium, vivid pink colour, balanced between warm and cool. In RGB it is 255 red, 0 green and 255 blue; in HSL its hue is 300°, its saturation 100% and its lightness 50%. For print, its CMYK mix is 0% cyan, 100% magenta, 0% yellow and 0% black, though printed colours vary with paper and ink.
Pink ranges from soft and caring to loud and rebellious. Pastel pinks feel gentle; hot pinks and magentas grab attention and feel young.
Text on magenta
White text on magenta has a contrast ratio of 3.14:1 and passes AA for large text only; black text has 6.70:1 and passes AA. Black text is the better choice on it. Check other pairs in the contrast checker.
White text · 3.14:1
Black text · 6.70:1
Tints and shades of magenta
Colour palettes with magenta
Brands with a magenta logo
Brand colours close to #FF00FF, from our Brand Colour Index.
Colours similar to magenta
Use magenta in CSS
.button {
background-color: #FF00FF;
color: #000000;
}Make a full Tailwind scale from it with the Tailwind shades generator, or see more shades of pink.