FF5500 Color Hex
#FF5500 Color Hex
#FF5500 Color Information
- In the RGB color space, the color value #ff5500 is composed of 100% red, 33.33% green, and 0% blue.
- In the CMYK color space, it consists of 0 cyan, 0.67 magenta, 1 yellow, and 0 black.
- It has a color angle of 20 degrees, a saturation of 100%, and a luminance of 50%.
- Contrast color of #ff5500 is #000000
#FF5500 Color Conversion
Hex | ff5500 | #ff5500 |
RGB Decimal | 255, 85, 0 | rgb(255, 85, 0) |
RGB Percent | 100, 33.33, 0 | rgb(100%, 33.33%, 0%) |
HSL | 20°,100%,50% | hsl(20°,100%,50%) |
CMYK | 0, 0.67, 1, 0 | |
HSV (or HSB) | 20°, 6%, 6%, |
YUV | 126, 56, 219 |
XYZ | 44.488, 27.757, 3.013 |
CIE-LAB | 59.669, 62.058, 69.971 |
#ff5500 border color
.css_border_solid{ border: 3px solid #ff5500 }
.css_border_dotted{ border: 3px dotted #ff5500 }
.css_border_dashed{ border: 3px dashed #ff5500 }
.css_border_double{ border: 3px double #ff5500 }
Css background gradient color with #FF5500
.box_css_gradient_with_ff5500{
background-color: #ff5500;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcfb8', endColorstr='#ff5500');
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffcfb8), to(#ff5500));
background-image: -webkit-linear-gradient(top, #ffcfb8, #ff5500);
background-image: -moz-linear-gradient(top, #ffcfb8, #ff5500);
background-image: -o-linear-gradient(top, #ffcfb8, #ff5500);
background-image: linear-gradient(to bottom, #ffcfb8, #ff5500);}
#ff5500 Color Preview on Black Background
Sample font with color #ff5500 on background of color black
#ff5500 Color Preview on White Background
Sample font with color #ff5500 on background of color white
#ff5500 background color
The sample font has a contrasting color to the color #ff5500
Contrast color with #ff5500 color is #000000