#f16717 Color Information
In a RGB color space, hex #f16717 is composed of 94.5% red, 40.4% green and 9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.3% magenta, 90.5% yellow and 5.5% black. It has a hue angle of 22 degrees, a saturation of 88.6% and a lightness of 51.8%. #f16717 color hex could be obtained by blending #ffce2e with #e30000. Closest websafe color is: #ff6600.
-
- R 95
- G 40
- B 9
-
- C 0
- M 57
- Y 90
- K 5
● #f16717 color description : Vivid orange.
#f16717 Color Conversion
The hexadecimal color #f16717 has RGB values of R:241, G:103, B:23 and CMYK values of C:0, M:0.57, Y:0.9, K:0.05. Its decimal value is 15820567.
| Hex triplet | f16717 | #f16717 |
|---|---|---|
| RGB Decimal | 241, 103, 23 | rgb(241,103,23) |
| RGB Percent | 94.5, 40.4, 9 | rgb(94.5%,40.4%,9%) |
| CMYK | 0, 57, 90, 5 | |
| HSL | 22°, 88.6, 51.8 | hsl(22,88.6%,51.8%) |
| HSV (or HSB) | 22°, 90.5, 94.5 | |
| Web Safe | ff6600 | #ff6600 |
| CIE-LAB | 60.309, 49.739, 64.36 |
|---|---|
| XYZ | 41.282, 28.467, 4.132 |
| xyY | 0.559, 0.385, 28.467 |
| CIE-LCH | 60.309, 81.34, 52.302 |
| CIE-LUV | 60.309, 114.22, 50.697 |
| Hunter-Lab | 53.355, 44.74, 32.757 |
| Binary | 11110001, 01100111, 00010111 |
Color Schemes with #f16717
Alternatives to #f16717
Below, you can see some colors close to #f16717. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f16717 Preview
This text has a font color of #f16717.
<span style="color:#f16717;">Text here</span>
This paragraph has a background color of #f16717.
<p style="background-color:#f16717;">Content here</p>
This element has a border color of #f16717.
<div style="border:1px solid #f16717;">Content here</div>
.text {color:#f16717;}
.background {background-color:#f16717;}
.border {border:1px solid #f16717;}
Shades and Tints of #f16717
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, #080301 is the darkest color, while #fef8f5 is the lightest one.
-
#080301
#080301rgb(8,3,1) -
#1b0b02
#1b0b02rgb(27,11,2) -
#2d1203
#2d1203rgb(45,18,3) -
#401a04
#401a04rgb(64,26,4) -
#522105
#522105rgb(82,33,5) -
#652906
#652906rgb(101,41,6) -
#773007
#773007rgb(119,48,7) -
#8a3808
#8a3808rgb(138,56,8) -
#9c3f09
#9c3f09rgb(156,63,9) -
#af470b
#af470brgb(175,71,11) -
#c14e0c
#c14e0crgb(193,78,12) -
#d4560d
#d4560drgb(212,86,13) -
#e65d0e
#e65d0ergb(230,93,14)
-
#f16717
#f16717rgb(241,103,23) -
#f27329
#f27329rgb(242,115,41) -
#f37f3c
#f37f3crgb(243,127,60) -
#f48b4e
#f48b4ergb(244,139,78) -
#f59761
#f59761rgb(245,151,97) -
#f7a473
#f7a473rgb(247,164,115) -
#f8b086
#f8b086rgb(248,176,134) -
#f9bc98
#f9bc98rgb(249,188,152) -
#fac8ab
#fac8abrgb(250,200,171) -
#fbd4bd
#fbd4bdrgb(251,212,189) -
#fce0d0
#fce0d0rgb(252,224,208) -
#fdece2
#fdece2rgb(253,236,226) -
#fef8f5
#fef8f5rgb(254,248,245)
Tones of #f16717
A tone is produced by adding gray to any pure hue. In this case, #89837f is the less saturated color, while #fa640e is the most saturated one.
-
#89837f
#89837frgb(137,131,127) -
#928076
#928076rgb(146,128,118) -
#9c7e6c
#9c7e6crgb(156,126,108) -
#a57b63
#a57b63rgb(165,123,99) -
#af7959
#af7959rgb(175,121,89) -
#b87650
#b87650rgb(184,118,80) -
#c27446
#c27446rgb(194,116,70) -
#cb713d
#cb713drgb(203,113,61) -
#d56f33
#d56f33rgb(213,111,51) -
#de6c2a
#de6c2argb(222,108,42) -
#e86a20
#e86a20rgb(232,106,32) -
#f16717
#f16717rgb(241,103,23) -
#fa640e
#fa640ergb(250,100,14)
Color Blindness Simulator
Below, you can see how #f16717 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.
