#fd7e14 (Pumpkin Color / Pumpkin / Orange)

#fd7e14
RGB(253,126,20)
#fd7e14 Color Codes Conversion
Hex fd7e14
RGB 253 , 126 , 20
RGB % 63.4, 31.6, 5.0
HSL 27.3, 98.3, 53.5
HSV 27.3, 92.1, 99.2
CMYK 0,128,234.8,2
XYZ 0.481, 0.359, 0.051
xyY 0.54, 0.403, 0.359
CIE-LAB 0.664, 0.432, 0.702
CIE-LUV 0.664, 1.055, 0.592
CIE-HCL 58.393, 0.825, 0.664
Binary 11111101,01111110,00010100

#fd7e14 HTML/CSS Color Name is Pumpkin / Pumpkin / Orange.
In a RGB color space, #fd7e14 color RGB value is (Red:253,Green:126,Blue:20). it is composed of 63.4% red, 31.6% green and 5.0% blue. The process color (four color CMYK) of #fd7e14 color hex is 0,128,234.8,2. HSL of color #fd7e14 hue: 27.3 , saturation: 98.3 and the lightness value of fd7e14 is 53.5. Mainly color is Orange. Reverse color is: #0281eb.
The color codes conversion takes 2.551396 milliseconds.

 

Shades Colors of #fd7e14

Tints Colors of #fd7e14

 

Scheme of color #fd7e14

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#fd7e14 Preview (Html codes and CSS codes)

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

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

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

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

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

Div Box Shadow
Content here
<div style="-moz-box-shadow: 1px 1px 3px 2px #fd7e14;
  -webkit-box-shadow: 1px 1px 3px 2px #fd7e14;
  box-shadow:         1px 1px 3px 2px #fd7e14;">
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