#f16716 Color Information
In a RGB color space, hex #f16716 is composed of 94.5% red, 40.4% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.3% magenta, 90.9% yellow and 5.5% black. It has a hue angle of 22.2 degrees, a saturation of 88.7% and a lightness of 51.6%. #f16716 color hex could be obtained by blending #ffce2c with #e30000. Closest websafe color is: #ff6600.
-
- R 95
- G 40
- B 9
-
- C 0
- M 57
- Y 91
- K 5
● #f16716 color description : Vivid orange.
#f16716 Color Conversion
The hexadecimal color #f16716 has RGB values of R:241, G:103, B:22 and CMYK values of C:0, M:0.57, Y:0.91, K:0.05. Its decimal value is 15820566.
Hex triplet | f16716 | #f16716 |
---|---|---|
RGB Decimal | 241, 103, 22 | rgb(241,103,22) |
RGB Percent | 94.5, 40.4, 8.6 | rgb(94.5%,40.4%,8.6%) |
CMYK | 0, 57, 91, 5 | |
HSL | 22.2°, 88.7, 51.6 | hsl(22.2,88.7%,51.6%) |
HSV (or HSB) | 22.2°, 90.9, 94.5 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 60.305, 49.724, 64.636 |
---|---|
XYZ | 41.272, 28.464, 4.08 |
xyY | 0.559, 0.386, 28.464 |
CIE-LCH | 60.305, 81.549, 52.429 |
CIE-LUV | 60.305, 114.275, 50.832 |
Hunter-Lab | 53.351, 44.723, 32.812 |
Binary | 11110001, 01100111, 00010110 |
Color Schemes with #f16716
Alternatives to #f16716
Below, you can see some colors close to #f16716. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f16716 Preview
This text has a font color of #f16716.
<span style="color:#f16716;">Text here</span>
This paragraph has a background color of #f16716.
<p style="background-color:#f16716;">Content here</p>
This element has a border color of #f16716.
<div style="border:1px solid #f16716;">Content here</div>
.text {color:#f16716;}
.background {background-color:#f16716;}
.border {border:1px solid #f16716;}
Shades and Tints of #f16716
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #080300 is the darkest color, while #fef8f4 is the lightest one.
-
#080300
#080300
rgb(8,3,0)
-
#1a0b02
#1a0b02
rgb(26,11,2)
-
#2d1203
#2d1203
rgb(45,18,3)
-
#3f1a04
#3f1a04
rgb(63,26,4)
-
#522105
#522105
rgb(82,33,5)
-
#642906
#642906
rgb(100,41,6)
-
#773007
#773007
rgb(119,48,7)
-
#893808
#893808
rgb(137,56,8)
-
#9c3f09
#9c3f09
rgb(156,63,9)
-
#ae470a
#ae470a
rgb(174,71,10)
-
#c14f0c
#c14f0c
rgb(193,79,12)
-
#d3560d
#d3560d
rgb(211,86,13)
-
#e65e0e
#e65e0e
rgb(230,94,14)
-
#f16716
#f16716
rgb(241,103,22)
-
#f27329
#f27329
rgb(242,115,41)
-
#f37f3b
#f37f3b
rgb(243,127,59)
-
#f48b4e
#f48b4e
rgb(244,139,78)
-
#f59760
#f59760
rgb(245,151,96)
-
#f7a373
#f7a373
rgb(247,163,115)
-
#f8af85
#f8af85
rgb(248,175,133)
-
#f9bb98
#f9bb98
rgb(249,187,152)
-
#fac8aa
#fac8aa
rgb(250,200,170)
-
#fbd4bd
#fbd4bd
rgb(251,212,189)
-
#fce0cf
#fce0cf
rgb(252,224,207)
-
#fdece2
#fdece2
rgb(253,236,226)
-
#fef8f4
#fef8f4
rgb(254,248,244)
Tones of #f16716
A tone is produced by adding gray to any pure hue. In this case, #89827f is the less saturated color, while #fb650d is the most saturated one.
-
#89827f
#89827f
rgb(137,130,127)
-
#928075
#928075
rgb(146,128,117)
-
#9c7d6c
#9c7d6c
rgb(156,125,108)
-
#a57b62
#a57b62
rgb(165,123,98)
-
#af7859
#af7859
rgb(175,120,89)
-
#b8764f
#b8764f
rgb(184,118,79)
-
#c27346
#c27346
rgb(194,115,70)
-
#cb713c
#cb713c
rgb(203,113,60)
-
#d56e33
#d56e33
rgb(213,110,51)
-
#de6c29
#de6c29
rgb(222,108,41)
-
#e86920
#e86920
rgb(232,105,32)
-
#f16716
#f16716
rgb(241,103,22)
-
#fb650d
#fb650d
rgb(251,101,13)
Color Blindness Simulator
Below, you can see how #f16716 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.