#f68107 Color Information
In a RGB color space, hex #f68107 is composed of 96.5% red, 50.6% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.6% magenta, 97.2% yellow and 3.5% black. It has a hue angle of 30.6 degrees, a saturation of 94.5% and a lightness of 49.6%. #f68107 color hex could be obtained by blending #ffff0e with #ed0300. Closest websafe color is: #ff9900.
-
- R 96
- G 51
- B 3
-
- C 0
- M 48
- Y 97
- K 4
● #f68107 color description : Vivid orange.
#f68107 Color Conversion
The hexadecimal color #f68107 has RGB values of R:246, G:129, B:7 and CMYK values of C:0, M:0.48, Y:0.97, K:0.04. Its decimal value is 16154887.
Hex triplet | f68107 | #f68107 |
---|---|---|
RGB Decimal | 246, 129, 7 | rgb(246,129,7) |
RGB Percent | 96.5, 50.6, 2.7 | rgb(96.5%,50.6%,2.7%) |
CMYK | 0, 48, 97, 4 | |
HSL | 30.6°, 94.5, 49.6 | hsl(30.6,94.5%,49.6%) |
HSV (or HSB) | 30.6°, 97.2, 96.5 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 65.992, 38.856, 71.707 |
---|---|
XYZ | 45.896, 35.313, 4.6 |
xyY | 0.535, 0.412, 35.313 |
CIE-LCH | 65.992, 81.558, 61.548 |
CIE-LUV | 65.992, 97.494, 60.818 |
Hunter-Lab | 59.425, 33.871, 37.008 |
Binary | 11110110, 10000001, 00000111 |
Color Schemes with #f68107
Alternatives to #f68107
Below, you can see some colors close to #f68107. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f68107 Preview
This text has a font color of #f68107.
<span style="color:#f68107;">Text here</span>
This paragraph has a background color of #f68107.
<p style="background-color:#f68107;">Content here</p>
This element has a border color of #f68107.
<div style="border:1px solid #f68107;">Content here</div>
.text {color:#f68107;}
.background {background-color:#f68107;}
.border {border:1px solid #f68107;}
Shades and Tints of #f68107
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, #110900 is the darkest color, while #fffefd is the lightest one.
-
#110900
#110900
rgb(17,9,0)
-
#241301
#241301
rgb(36,19,1)
-
#371d02
#371d02
rgb(55,29,2)
-
#4a2702
#4a2702
rgb(74,39,2)
-
#5d3103
#5d3103
rgb(93,49,3)
-
#703b03
#703b03
rgb(112,59,3)
-
#844504
#844504
rgb(132,69,4)
-
#974f04
#974f04
rgb(151,79,4)
-
#aa5905
#aa5905
rgb(170,89,5)
-
#bd6305
#bd6305
rgb(189,99,5)
-
#d06d06
#d06d06
rgb(208,109,6)
-
#e37706
#e37706
rgb(227,119,6)
-
#f68107
#f68107
rgb(246,129,7)
-
#f88b18
#f88b18
rgb(248,139,24)
-
#f9942b
#f9942b
rgb(249,148,43)
-
#fa9e3e
#fa9e3e
rgb(250,158,62)
-
#faa751
#faa751
rgb(250,167,81)
-
#fbb164
#fbb164
rgb(251,177,100)
-
#fbbb78
#fbbb78
rgb(251,187,120)
-
#fcc48b
#fcc48b
rgb(252,196,139)
-
#fcce9e
#fcce9e
rgb(252,206,158)
-
#fdd8b1
#fdd8b1
rgb(253,216,177)
-
#fde1c4
#fde1c4
rgb(253,225,196)
-
#feebd7
#feebd7
rgb(254,235,215)
-
#fef4ea
#fef4ea
rgb(254,244,234)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #f68107
A tone is produced by adding gray to any pure hue. In this case, #817f7c is the less saturated color, while #f68107 is the most saturated one.
-
#817f7c
#817f7c
rgb(129,127,124)
-
#8b7f72
#8b7f72
rgb(139,127,114)
-
#957f68
#957f68
rgb(149,127,104)
-
#9e7f5f
#9e7f5f
rgb(158,127,95)
-
#a87f55
#a87f55
rgb(168,127,85)
-
#b2804b
#b2804b
rgb(178,128,75)
-
#bc8041
#bc8041
rgb(188,128,65)
-
#c58038
#c58038
rgb(197,128,56)
-
#cf802e
#cf802e
rgb(207,128,46)
-
#d98024
#d98024
rgb(217,128,36)
-
#e3811a
#e3811a
rgb(227,129,26)
-
#ec8111
#ec8111
rgb(236,129,17)
-
#f68107
#f68107
rgb(246,129,7)
Color Blindness Simulator
Below, you can see how #f68107 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.