#f66d1f Color Information
In a RGB color space, hex #f66d1f is composed of 96.5% red, 42.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.7% magenta, 87.4% yellow and 3.5% black. It has a hue angle of 21.8 degrees, a saturation of 92.3% and a lightness of 54.3%. #f66d1f color hex could be obtained by blending #ffda3e with #ed0000. Closest websafe color is: #ff6633.
-
- R 96
- G 43
- B 12
-
- C 0
- M 56
- Y 87
- K 4
● #f66d1f color description : Vivid orange.
#f66d1f Color Conversion
The hexadecimal color #f66d1f has RGB values of R:246, G:109, B:31 and CMYK values of C:0, M:0.56, Y:0.87, K:0.04. Its decimal value is 16149791.
Hex triplet | f66d1f | #f66d1f |
---|---|---|
RGB Decimal | 246, 109, 31 | rgb(246,109,31) |
RGB Percent | 96.5, 42.7, 12.2 | rgb(96.5%,42.7%,12.2%) |
CMYK | 0, 56, 87, 4 | |
HSL | 21.8°, 92.3, 54.3 | hsl(21.8,92.3%,54.3%) |
HSV (or HSB) | 21.8°, 87.4, 96.5 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 62.197, 48.922, 63.651 |
---|---|
XYZ | 43.724, 30.634, 4.907 |
xyY | 0.552, 0.386, 30.634 |
CIE-LCH | 62.197, 80.28, 52.454 |
CIE-LUV | 62.197, 113.062, 51.716 |
Hunter-Lab | 55.348, 44.154, 33.487 |
Binary | 11110110, 01101101, 00011111 |
Color Schemes with #f66d1f
Alternatives to #f66d1f
Below, you can see some colors close to #f66d1f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f66d1f Preview
This text has a font color of #f66d1f.
<span style="color:#f66d1f;">Text here</span>
This paragraph has a background color of #f66d1f.
<p style="background-color:#f66d1f;">Content here</p>
This element has a border color of #f66d1f.
<div style="border:1px solid #f66d1f;">Content here</div>
.text {color:#f66d1f;}
.background {background-color:#f66d1f;}
.border {border:1px solid #f66d1f;}
Shades and Tints of #f66d1f
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, #020100 is the darkest color, while #fef4ee is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#150801
#150801
rgb(21,8,1)
-
#281002
#281002
rgb(40,16,2)
-
#3b1702
#3b1702
rgb(59,23,2)
-
#4e1e03
#4e1e03
rgb(78,30,3)
-
#612604
#612604
rgb(97,38,4)
-
#732d05
#732d05
rgb(115,45,5)
-
#863405
#863405
rgb(134,52,5)
-
#993b06
#993b06
rgb(153,59,6)
-
#ac4307
#ac4307
rgb(172,67,7)
-
#bf4a08
#bf4a08
rgb(191,74,8)
-
#d25108
#d25108
rgb(210,81,8)
-
#e55909
#e55909
rgb(229,89,9)
-
#f5610c
#f5610c
rgb(245,97,12)
-
#f66d1f
#f66d1f
rgb(246,109,31)
-
#f77932
#f77932
rgb(247,121,50)
-
#f88645
#f88645
rgb(248,134,69)
-
#f89258
#f89258
rgb(248,146,88)
-
#f99e6a
#f99e6a
rgb(249,158,106)
-
#faaa7d
#faaa7d
rgb(250,170,125)
-
#fbb790
#fbb790
rgb(251,183,144)
-
#fbc3a3
#fbc3a3
rgb(251,195,163)
-
#fccfb6
#fccfb6
rgb(252,207,182)
-
#fddcc9
#fddcc9
rgb(253,220,201)
-
#fee8dc
#fee8dc
rgb(254,232,220)
-
#fef4ee
#fef4ee
rgb(254,244,238)
Tones of #f66d1f
A tone is produced by adding gray to any pure hue. In this case, #938882 is the less saturated color, while #ff6b16 is the most saturated one.
-
#938882
#938882
rgb(147,136,130)
-
#9c8679
#9c8679
rgb(156,134,121)
-
#a58370
#a58370
rgb(165,131,112)
-
#ae8167
#ae8167
rgb(174,129,103)
-
#b77e5e
#b77e5e
rgb(183,126,94)
-
#c07c55
#c07c55
rgb(192,124,85)
-
#c9794c
#c9794c
rgb(201,121,76)
-
#d27743
#d27743
rgb(210,119,67)
-
#db743a
#db743a
rgb(219,116,58)
-
#e47231
#e47231
rgb(228,114,49)
-
#ed6f28
#ed6f28
rgb(237,111,40)
-
#f66d1f
#f66d1f
rgb(246,109,31)
-
#ff6b16
#ff6b16
rgb(255,107,22)
Color Blindness Simulator
Below, you can see how #f66d1f 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.