HTML named color
Magenta color code
Use the Magenta HTML color with HEX #FF00FF, RGB 255,0,255 and HSL 300,100%,50%. Copy CSS examples, shades and accessible contrast combinations.
Violets
#FF00FF
rgb(255,0,255)
HEX
#FF00FFRGB
rgb(255,0,255)HSL
hsl(300,100%,50%)OKLCH
oklch(70.2% 0.322 328.4)CSS name
magentaHow to use this color
Magenta can be used for CSS text, backgrounds, borders, badges and interface accents. Test contrast before using it for small text, and pair it with neutral colors for a balanced design.
CSS examples
.text-magenta {
color: #FF00FF;
}
.bg-magenta {
background-color: magenta;
}
.border-magenta {
border-color: rgb(255,0,255);
}Shades palette
#330033#740274#B706B7#F40BF4#F44EF4#F692F6#FAD1FA