#f66106 Color Information
In a RGB color space, hex #f66106 is composed of 96.5% red, 38% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.6% magenta, 97.6% yellow and 3.5% black. It has a hue angle of 22.8 degrees, a saturation of 95.2% and a lightness of 49.4%. #f66106 color hex could be obtained by blending #ffc20c with #ed0000. Closest websafe color is: #ff6600.
-
- R 96
- G 38
- B 2
-
- C 0
- M 61
- Y 98
- K 4
● #f66106 color description : Vivid orange.
#f66106 Color Conversion
The hexadecimal color #f66106 has RGB values of R:246, G:97, B:6 and CMYK values of C:0, M:0.61, Y:0.98, K:0.04. Its decimal value is 16146694.
Hex triplet | f66106 | #f66106 |
---|---|---|
RGB Decimal | 246, 97, 6 | rgb(246,97,6) |
RGB Percent | 96.5, 38, 2.4 | rgb(96.5%,38%,2.4%) |
CMYK | 0, 61, 98, 4 | |
HSL | 22.8°, 95.2, 49.4 | hsl(22.8,95.2%,49.4%) |
HSV (or HSB) | 22.8°, 97.6, 96.5 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 60.033, 54.061, 68.238 |
---|---|
XYZ | 42.316, 28.16, 3.38 |
xyY | 0.573, 0.381, 28.16 |
CIE-LCH | 60.033, 87.057, 51.612 |
CIE-LUV | 60.033, 123.785, 51.029 |
Hunter-Lab | 53.066, 49.473, 33.37 |
Binary | 11110110, 01100001, 00000110 |
Color Schemes with #f66106
Alternatives to #f66106
Below, you can see some colors close to #f66106. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f66106 Preview
This text has a font color of #f66106.
<span style="color:#f66106;">Text here</span>
This paragraph has a background color of #f66106.
<p style="background-color:#f66106;">Content here</p>
This element has a border color of #f66106.
<div style="border:1px solid #f66106;">Content here</div>
.text {color:#f66106;}
.background {background-color:#f66106;}
.border {border:1px solid #f66106;}
Shades and Tints of #f66106
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, #100600 is the darkest color, while #fffdfc is the lightest one.
-
#100600
#100600
rgb(16,6,0)
-
#230e01
#230e01
rgb(35,14,1)
-
#371501
#371501
rgb(55,21,1)
-
#4a1d02
#4a1d02
rgb(74,29,2)
-
#5d2502
#5d2502
rgb(93,37,2)
-
#702c03
#702c03
rgb(112,44,3)
-
#833403
#833403
rgb(131,52,3)
-
#963b04
#963b04
rgb(150,59,4)
-
#a94304
#a94304
rgb(169,67,4)
-
#bd4a05
#bd4a05
rgb(189,74,5)
-
#d05205
#d05205
rgb(208,82,5)
-
#e35906
#e35906
rgb(227,89,6)
-
#f66106
#f66106
rgb(246,97,6)
-
#f96c16
#f96c16
rgb(249,108,22)
-
#fa7829
#fa7829
rgb(250,120,41)
-
#fa853d
#fa853d
rgb(250,133,61)
-
#fb9150
#fb9150
rgb(251,145,80)
-
#fb9d63
#fb9d63
rgb(251,157,99)
-
#fca976
#fca976
rgb(252,169,118)
-
#fcb589
#fcb589
rgb(252,181,137)
-
#fdc19c
#fdc19c
rgb(253,193,156)
-
#fdcdaf
#fdcdaf
rgb(253,205,175)
-
#fed9c3
#fed9c3
rgb(254,217,195)
-
#fee5d6
#fee5d6
rgb(254,229,214)
-
#fef1e9
#fef1e9
rgb(254,241,233)
-
#fffdfc
#fffdfc
rgb(255,253,252)
Tones of #f66106
A tone is produced by adding gray to any pure hue. In this case, #827d7a is the less saturated color, while #f66106 is the most saturated one.
-
#827d7a
#827d7a
rgb(130,125,122)
-
#8b7b71
#8b7b71
rgb(139,123,113)
-
#957867
#957867
rgb(149,120,103)
-
#9f765d
#9f765d
rgb(159,118,93)
-
#a87454
#a87454
rgb(168,116,84)
-
#b2714a
#b2714a
rgb(178,113,74)
-
#bc6f40
#bc6f40
rgb(188,111,64)
-
#c66d36
#c66d36
rgb(198,109,54)
-
#cf6a2d
#cf6a2d
rgb(207,106,45)
-
#d96823
#d96823
rgb(217,104,35)
-
#e36619
#e36619
rgb(227,102,25)
-
#ec6310
#ec6310
rgb(236,99,16)
-
#f66106
#f66106
rgb(246,97,6)
Color Blindness Simulator
Below, you can see how #f66106 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.