#f66107 Color Information
In a RGB color space, hex #f66107 is composed of 96.5% red, 38% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.6% magenta, 97.2% yellow and 3.5% black. It has a hue angle of 22.6 degrees, a saturation of 94.5% and a lightness of 49.6%. #f66107 color hex could be obtained by blending #ffc20e with #ed0000. Closest websafe color is: #ff6600.
-
- R 96
- G 38
- B 3
-
- C 0
- M 61
- Y 97
- K 4
● #f66107 color description : Vivid orange.
#f66107 Color Conversion
The hexadecimal color #f66107 has RGB values of R:246, G:97, B:7 and CMYK values of C:0, M:0.61, Y:0.97, K:0.04. Its decimal value is 16146695.
Hex triplet | f66107 | #f66107 |
---|---|---|
RGB Decimal | 246, 97, 7 | rgb(246,97,7) |
RGB Percent | 96.5, 38, 2.7 | rgb(96.5%,38%,2.7%) |
CMYK | 0, 61, 97, 4 | |
HSL | 22.6°, 94.5, 49.6 | hsl(22.6,94.5%,49.6%) |
HSV (or HSB) | 22.6°, 97.2, 96.5 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 60.035, 54.069, 68.063 |
---|---|
XYZ | 42.321, 28.162, 3.408 |
xyY | 0.573, 0.381, 28.162 |
CIE-LCH | 60.035, 86.925, 51.537 |
CIE-LUV | 60.035, 123.752, 50.953 |
Hunter-Lab | 53.068, 49.482, 33.34 |
Binary | 11110110, 01100001, 00000111 |
Color Schemes with #f66107
Alternatives to #f66107
Below, you can see some colors close to #f66107. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f66107 Preview
This text has a font color of #f66107.
<span style="color:#f66107;">Text here</span>
This paragraph has a background color of #f66107.
<p style="background-color:#f66107;">Content here</p>
This element has a border color of #f66107.
<div style="border:1px solid #f66107;">Content here</div>
.text {color:#f66107;}
.background {background-color:#f66107;}
.border {border:1px solid #f66107;}
Shades and Tints of #f66107
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, #110700 is the darkest color, while #fffefd is the lightest one.
-
#110700
#110700
rgb(17,7,0)
-
#240e01
#240e01
rgb(36,14,1)
-
#371602
#371602
rgb(55,22,2)
-
#4a1d02
#4a1d02
rgb(74,29,2)
-
#5d2503
#5d2503
rgb(93,37,3)
-
#702c03
#702c03
rgb(112,44,3)
-
#843404
#843404
rgb(132,52,4)
-
#973b04
#973b04
rgb(151,59,4)
-
#aa4305
#aa4305
rgb(170,67,5)
-
#bd4a05
#bd4a05
rgb(189,74,5)
-
#d05206
#d05206
rgb(208,82,6)
-
#e35906
#e35906
rgb(227,89,6)
-
#f66107
#f66107
rgb(246,97,7)
-
#f86d18
#f86d18
rgb(248,109,24)
-
#f9792b
#f9792b
rgb(249,121,43)
-
#fa853e
#fa853e
rgb(250,133,62)
-
#fa9151
#fa9151
rgb(250,145,81)
-
#fb9d64
#fb9d64
rgb(251,157,100)
-
#fba978
#fba978
rgb(251,169,120)
-
#fcb58b
#fcb58b
rgb(252,181,139)
-
#fcc19e
#fcc19e
rgb(252,193,158)
-
#fdcdb1
#fdcdb1
rgb(253,205,177)
-
#fdd9c4
#fdd9c4
rgb(253,217,196)
-
#fee6d7
#fee6d7
rgb(254,230,215)
-
#fef2ea
#fef2ea
rgb(254,242,234)
-
#fffefd
#fffefd
rgb(255,254,253)
Tones of #f66107
A tone is produced by adding gray to any pure hue. In this case, #817e7c is the less saturated color, while #f66107 is the most saturated one.
-
#817e7c
#817e7c
rgb(129,126,124)
-
#8b7b72
#8b7b72
rgb(139,123,114)
-
#957968
#957968
rgb(149,121,104)
-
#9e775f
#9e775f
rgb(158,119,95)
-
#a87455
#a87455
rgb(168,116,85)
-
#b2724b
#b2724b
rgb(178,114,75)
-
#bc6f41
#bc6f41
rgb(188,111,65)
-
#c56d38
#c56d38
rgb(197,109,56)
-
#cf6b2e
#cf6b2e
rgb(207,107,46)
-
#d96824
#d96824
rgb(217,104,36)
-
#e3661a
#e3661a
rgb(227,102,26)
-
#ec6311
#ec6311
rgb(236,99,17)
-
#f66107
#f66107
rgb(246,97,7)
Color Blindness Simulator
Below, you can see how #f66107 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.