#f59f00 (Orange Peel Color / orange2 / Orange)

#f59f00 Color Codes Conversion
Hex f59f00
RGB 245 , 159 , 0
RGB % 60.6, 39.4, 0.0
HSL 38.9, 100, 48
HSV 38.9, 100, 96.1
CMYK 10,96,255,255
XYZ 0.501, 0.442, 0.059
xyY 0.5, 0.441, 0.442
CIE-LAB 0.724, 0.229, 0.767
CIE-LUV 0.724, 0.716, 0.715
CIE-HCL 73.392, 0.8, 0.724
Binary 11110101,10011111,00000000

#f59f00 HTML/CSS Color Name is Orange Peel / orange2 / Orange.
In a RGB color space, #f59f00 color RGB value is (Red:245,Green:159,Blue:0). it is composed of 60.6% red, 39.4% green and 0.0% blue. The process color (four color CMYK) of #f59f00 color hex is 10,96,255,255. HSL of color #f59f00 hue: 38.9 , saturation: 100 and the lightness value of f59f00 is 48. Mainly color is Orange. Reverse color is: #0a60ff.
The color codes conversion takes 1.654496 milliseconds.


Shades Colors of #f59f00

Tints Colors of #f59f00


Scheme of color #f59f00

Web Safe
Generated Colors

#f59f00 Preview (Html codes and CSS codes)

CSS codes
.bgcolor {background-color:#f59f00; 
.textcolor {color:#f59f00; }
.bordercolor {border:3px solid #f59f00; }

Text color
This text has a font color of #f59f00.
<p style="color:#f59f00">Text here</p>

Background color
This block has a background color of #f59f00.
<p style="background-color:#f59f00;">Content here</p>

Border color
This element has a border color of #f59f00.
<div style="border:1px solid #f59f00;">Content here</div>
CSS3 Shadow codes
.textShadow { 
  text-shadow: 4px 4px 2px #f59f00; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #f59f00;
  -webkit-box-shadow: 1px 1px 3px 2px #f59f00;
  box-shadow:         1px 1px 3px 2px #f59f00; }

Text Shadow
This text has a font color of #f59f00.
<p style="text-shadow: 4px 4px 2px #f59f00">Text here</p>

Div Box Shadow
Content here
<div style="-moz-box-shadow: 1px 1px 3px 2px #f59f00;
  -webkit-box-shadow: 1px 1px 3px 2px #f59f00;
  box-shadow:         1px 1px 3px 2px #f59f00;">
Content here</div>


Random warm Colors

Random happy Colors

Palettes warm Colors

Palettes happy Colors


© 2017 - 2028 HexColors.org All Rights Reserved. A free Html color codes tool. privacy