#f16107 Color Information
In a RGB color space, hex #f16107 is composed of 94.5% red, 38% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.8% magenta, 97.1% yellow and 5.5% black. It has a hue angle of 23.1 degrees, a saturation of 94.4% and a lightness of 48.6%. #f16107 color hex could be obtained by blending #ffc20e with #e30000. Closest websafe color is: #ff6600.
-
- R 95
- G 38
- B 3
-
- C 0
- M 60
- Y 97
- K 5
● #f16107 color description : Vivid orange.
#f16107 Color Conversion
The hexadecimal color #f16107 has RGB values of R:241, G:97, B:7 and CMYK values of C:0, M:0.6, Y:0.97, K:0.05. Its decimal value is 15819015.
| Hex triplet | f16107 | #f16107 |
|---|---|---|
| RGB Decimal | 241, 97, 7 | rgb(241,97,7) |
| RGB Percent | 94.5, 38, 2.7 | rgb(94.5%,38%,2.7%) |
| CMYK | 0, 60, 97, 5 | |
| HSL | 23.1°, 94.4, 48.6 | hsl(23.1,94.4%,48.6%) |
| HSV (or HSB) | 23.1°, 97.1, 94.5 | |
| Web Safe | ff6600 | #ff6600 |
| CIE-LAB | 59.223, 52.291, 67.168 |
|---|---|
| XYZ | 40.591, 27.27, 3.327 |
| xyY | 0.57, 0.383, 27.27 |
| CIE-LCH | 59.223, 85.122, 52.099 |
| CIE-LUV | 59.223, 119.652, 50.541 |
| Hunter-Lab | 52.221, 47.36, 32.777 |
| Binary | 11110001, 01100001, 00000111 |
Color Schemes with #f16107
Alternatives to #f16107
Below, you can see some colors close to #f16107. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f16107 Preview
This text has a font color of #f16107.
<span style="color:#f16107;">Text here</span>
This paragraph has a background color of #f16107.
<p style="background-color:#f16107;">Content here</p>
This element has a border color of #f16107.
<div style="border:1px solid #f16107;">Content here</div>
.text {color:#f16107;}
.background {background-color:#f16107;}
.border {border:1px solid #f16107;}
Shades and Tints of #f16107
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, #0c0500 is the darkest color, while #fffbf8 is the lightest one.
-
#0c0500
#0c0500rgb(12,5,0) -
#1f0d01
#1f0d01rgb(31,13,1) -
#321401
#321401rgb(50,20,1) -
#451c02
#451c02rgb(69,28,2) -
#592403
#592403rgb(89,36,3) -
#6c2b03
#6c2b03rgb(108,43,3) -
#7f3304
#7f3304rgb(127,51,4) -
#923b04
#923b04rgb(146,59,4) -
#a54205
#a54205rgb(165,66,5) -
#b84a05
#b84a05rgb(184,74,5) -
#cb5206
#cb5206rgb(203,82,6) -
#de5906
#de5906rgb(222,89,6) -
#f16107
#f16107rgb(241,97,7)
-
#f86b13
#f86b13rgb(248,107,19) -
#f97727
#f97727rgb(249,119,39) -
#f9833a
#f9833argb(249,131,58) -
#fa8f4d
#fa8f4drgb(250,143,77) -
#fa9b60
#fa9b60rgb(250,155,96) -
#fba773
#fba773rgb(251,167,115) -
#fbb386
#fbb386rgb(251,179,134) -
#fcbf99
#fcbf99rgb(252,191,153) -
#fdcbac
#fdcbacrgb(253,203,172) -
#fdd7bf
#fdd7bfrgb(253,215,191) -
#fee3d2
#fee3d2rgb(254,227,210) -
#feefe5
#feefe5rgb(254,239,229) -
#fffbf8
#fffbf8rgb(255,251,248)
Tones of #f16107
A tone is produced by adding gray to any pure hue. In this case, #7f7b79 is the less saturated color, while #f16107 is the most saturated one.
-
#7f7b79
#7f7b79rgb(127,123,121) -
#887970
#887970rgb(136,121,112) -
#927766
#927766rgb(146,119,102) -
#9b755d
#9b755drgb(155,117,93) -
#a57353
#a57353rgb(165,115,83) -
#ae704a
#ae704argb(174,112,74) -
#b86e40
#b86e40rgb(184,110,64) -
#c16c37
#c16c37rgb(193,108,55) -
#cb6a2d
#cb6a2drgb(203,106,45) -
#d46824
#d46824rgb(212,104,36) -
#de651a
#de651argb(222,101,26) -
#e76311
#e76311rgb(231,99,17) -
#f16107
#f16107rgb(241,97,7)
Color Blindness Simulator
Below, you can see how #f16107 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.
