FF00FF Color Hex
#FF00FF Color Hex
#FF00FF Color Information
- In the RGB color space, the color value #ff00ff is composed of 100% red, 0% green, and 100% blue.
- In the CMYK color space, it consists of 0 cyan, 1 magenta, 0 yellow, and 0 black.
- It has a color angle of 300 degrees, a saturation of 100%, and a luminance of 50%.
- Contrast color of #ff00ff is #000000
#FF00FF Color Conversion
Hex | ff00ff | #ff00ff |
RGB Decimal | 255, 0, 255 | rgb(255, 0, 255) |
RGB Percent | 100, 0, 100 | rgb(100%, 0%, 100%) |
HSL | 300°,100%,50% | hsl(300°,100%,50%) |
CMYK | 0, 1, 0, 0 | |
HSV (or HSB) | 300°, 83%, 83%, |
YUV | 105, 212, 234 |
XYZ | 59.29, 28.48, 96.98 |
CIE-LAB | 60.32, 98.254, -60.843 |
#ff00ff border color
.css_border_solid{ border: 3px solid #ff00ff }
.css_border_dotted{ border: 3px dotted #ff00ff }
.css_border_dashed{ border: 3px dashed #ff00ff }
.css_border_double{ border: 3px double #ff00ff }
Css background gradient color with #FF00FF
.box_css_gradient_with_ff00ff{
background-color: #ff00ff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb8ff', endColorstr='#ff00ff');
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffb8ff), to(#ff00ff));
background-image: -webkit-linear-gradient(top, #ffb8ff, #ff00ff);
background-image: -moz-linear-gradient(top, #ffb8ff, #ff00ff);
background-image: -o-linear-gradient(top, #ffb8ff, #ff00ff);
background-image: linear-gradient(to bottom, #ffb8ff, #ff00ff);}
#ff00ff Color Preview on Black Background
Sample font with color #ff00ff on background of color black
#ff00ff Color Preview on White Background
Sample font with color #ff00ff on background of color white
#ff00ff background color
The sample font has a contrasting color to the color #ff00ff
Contrast color with #ff00ff color is #000000