#f68108 Color Information
In a RGB color space, hex #f68108 is composed of 96.5% red, 50.6% green and 3.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.6% magenta, 96.7% yellow and 3.5% black. It has a hue angle of 30.5 degrees, a saturation of 93.7% and a lightness of 49.8%. #f68108 color hex could be obtained by blending #ffff10 with #ed0300. Closest websafe color is: #ff9900.
-
- R 96
- G 51
- B 3
-
- C 0
- M 48
- Y 97
- K 4
● #f68108 color description : Vivid orange.
#f68108 Color Conversion
The hexadecimal color #f68108 has RGB values of R:246, G:129, B:8 and CMYK values of C:0, M:0.48, Y:0.97, K:0.04. Its decimal value is 16154888.
Hex triplet | f68108 | #f68108 |
---|---|---|
RGB Decimal | 246, 129, 8 | rgb(246,129,8) |
RGB Percent | 96.5, 50.6, 3.1 | rgb(96.5%,50.6%,3.1%) |
CMYK | 0, 48, 97, 4 | |
HSL | 30.5°, 93.7, 49.8 | hsl(30.5,93.7%,49.8%) |
HSV (or HSB) | 30.5°, 96.7, 96.5 | |
Web Safe | ff9900 | #ff9900 |
CIE-LAB | 65.993, 38.865, 71.565 |
---|---|
XYZ | 45.902, 35.315, 4.629 |
xyY | 0.535, 0.411, 35.315 |
CIE-LCH | 65.993, 81.437, 61.495 |
CIE-LUV | 65.993, 97.472, 60.75 |
Hunter-Lab | 59.427, 33.879, 36.98 |
Binary | 11110110, 10000001, 00001000 |
Color Schemes with #f68108
Alternatives to #f68108
Below, you can see some colors close to #f68108. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f68108 Preview
This text has a font color of #f68108.
<span style="color:#f68108;">Text here</span>
This paragraph has a background color of #f68108.
<p style="background-color:#f68108;">Content here</p>
This element has a border color of #f68108.
<div style="border:1px solid #f68108;">Content here</div>
.text {color:#f68108;}
.background {background-color:#f68108;}
.border {border:1px solid #f68108;}
Shades and Tints of #f68108
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, #120901 is the darkest color, while #fffffe is the lightest one.
-
#120901
#120901
rgb(18,9,1)
-
#251301
#251301
rgb(37,19,1)
-
#381d02
#381d02
rgb(56,29,2)
-
#4b2702
#4b2702
rgb(75,39,2)
-
#5e3103
#5e3103
rgb(94,49,3)
-
#713b04
#713b04
rgb(113,59,4)
-
#844504
#844504
rgb(132,69,4)
-
#974f05
#974f05
rgb(151,79,5)
-
#aa5906
#aa5906
rgb(170,89,6)
-
#bd6306
#bd6306
rgb(189,99,6)
-
#d06d07
#d06d07
rgb(208,109,7)
-
#e37707
#e37707
rgb(227,119,7)
-
#f68108
#f68108
rgb(246,129,8)
-
#f88b1a
#f88b1a
rgb(248,139,26)
-
#f8942d
#f8942d
rgb(248,148,45)
-
#f99e40
#f99e40
rgb(249,158,64)
-
#f9a853
#f9a853
rgb(249,168,83)
-
#fab166
#fab166
rgb(250,177,102)
-
#fbbb79
#fbbb79
rgb(251,187,121)
-
#fbc58c
#fbc58c
rgb(251,197,140)
-
#fcce9f
#fcce9f
rgb(252,206,159)
-
#fcd8b2
#fcd8b2
rgb(252,216,178)
-
#fde2c5
#fde2c5
rgb(253,226,197)
-
#feebd8
#feebd8
rgb(254,235,216)
-
#fef5eb
#fef5eb
rgb(254,245,235)
-
#fffffe
#fffffe
rgb(255,255,254)
Tones of #f68108
A tone is produced by adding gray to any pure hue. In this case, #817f7d is the less saturated color, while #f68108 is the most saturated one.
-
#817f7d
#817f7d
rgb(129,127,125)
-
#8b7f73
#8b7f73
rgb(139,127,115)
-
#947f6a
#947f6a
rgb(148,127,106)
-
#9e8060
#9e8060
rgb(158,128,96)
-
#a88056
#a88056
rgb(168,128,86)
-
#b2804c
#b2804c
rgb(178,128,76)
-
#bb8043
#bb8043
rgb(187,128,67)
-
#c58039
#c58039
rgb(197,128,57)
-
#cf802f
#cf802f
rgb(207,128,47)
-
#d98125
#d98125
rgb(217,129,37)
-
#e2811c
#e2811c
rgb(226,129,28)
-
#ec8112
#ec8112
rgb(236,129,18)
-
#f68108
#f68108
rgb(246,129,8)
Color Blindness Simulator
Below, you can see how #f68108 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.