#f66c1f Color Information
In a RGB color space, hex #f66c1f is composed of 96.5% red, 42.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 56.1% magenta, 87.4% yellow and 3.5% black. It has a hue angle of 21.5 degrees, a saturation of 92.3% and a lightness of 54.3%. #f66c1f color hex could be obtained by blending #ffd83e with #ed0000. Closest websafe color is: #ff6633.
-
- R 96
- G 42
- B 12
-
- C 0
- M 56
- Y 87
- K 4
● #f66c1f color description : Vivid orange.
#f66c1f Color Conversion
The hexadecimal color #f66c1f has RGB values of R:246, G:108, B:31 and CMYK values of C:0, M:0.56, Y:0.87, K:0.04. Its decimal value is 16149535.
Hex triplet | f66c1f | #f66c1f |
---|---|---|
RGB Decimal | 246, 108, 31 | rgb(246,108,31) |
RGB Percent | 96.5, 42.4, 12.2 | rgb(96.5%,42.4%,12.2%) |
CMYK | 0, 56, 87, 4 | |
HSL | 21.5°, 92.3, 54.3 | hsl(21.5,92.3%,54.3%) |
HSV (or HSB) | 21.5°, 87.4, 96.5 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 62.016, 49.39, 63.51 |
---|---|
XYZ | 43.618, 30.421, 4.871 |
xyY | 0.553, 0.386, 30.421 |
CIE-LCH | 62.016, 80.454, 52.129 |
CIE-LUV | 62.016, 113.864, 51.405 |
Hunter-Lab | 55.156, 44.638, 33.372 |
Binary | 11110110, 01101100, 00011111 |
Color Schemes with #f66c1f
Alternatives to #f66c1f
Below, you can see some colors close to #f66c1f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f66c1f Preview
This text has a font color of #f66c1f.
<span style="color:#f66c1f;">Text here</span>
This paragraph has a background color of #f66c1f.
<p style="background-color:#f66c1f;">Content here</p>
This element has a border color of #f66c1f.
<div style="border:1px solid #f66c1f;">Content here</div>
.text {color:#f66c1f;}
.background {background-color:#f66c1f;}
.border {border:1px solid #f66c1f;}
Shades and Tints of #f66c1f
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)
-
#280f02
#280f02
rgb(40,15,2)
-
#3b1702
#3b1702
rgb(59,23,2)
-
#4e1e03
#4e1e03
rgb(78,30,3)
-
#612504
#612504
rgb(97,37,4)
-
#732c05
#732c05
rgb(115,44,5)
-
#863405
#863405
rgb(134,52,5)
-
#993b06
#993b06
rgb(153,59,6)
-
#ac4207
#ac4207
rgb(172,66,7)
-
#bf4908
#bf4908
rgb(191,73,8)
-
#d25108
#d25108
rgb(210,81,8)
-
#e55809
#e55809
rgb(229,88,9)
-
#f5600c
#f5600c
rgb(245,96,12)
-
#f66c1f
#f66c1f
rgb(246,108,31)
-
#f77832
#f77832
rgb(247,120,50)
-
#f88545
#f88545
rgb(248,133,69)
-
#f89158
#f89158
rgb(248,145,88)
-
#f99e6a
#f99e6a
rgb(249,158,106)
-
#faaa7d
#faaa7d
rgb(250,170,125)
-
#fbb690
#fbb690
rgb(251,182,144)
-
#fbc3a3
#fbc3a3
rgb(251,195,163)
-
#fccfb6
#fccfb6
rgb(252,207,182)
-
#fddbc9
#fddbc9
rgb(253,219,201)
-
#fee8dc
#fee8dc
rgb(254,232,220)
-
#fef4ee
#fef4ee
rgb(254,244,238)
Tones of #f66c1f
A tone is produced by adding gray to any pure hue. In this case, #938882 is the less saturated color, while #ff6916 is the most saturated one.
-
#938882
#938882
rgb(147,136,130)
-
#9c8579
#9c8579
rgb(156,133,121)
-
#a58370
#a58370
rgb(165,131,112)
-
#ae8067
#ae8067
rgb(174,128,103)
-
#b77e5e
#b77e5e
rgb(183,126,94)
-
#c07b55
#c07b55
rgb(192,123,85)
-
#c9794c
#c9794c
rgb(201,121,76)
-
#d27643
#d27643
rgb(210,118,67)
-
#db743a
#db743a
rgb(219,116,58)
-
#e47131
#e47131
rgb(228,113,49)
-
#ed6f28
#ed6f28
rgb(237,111,40)
-
#f66c1f
#f66c1f
rgb(246,108,31)
-
#ff6916
#ff6916
rgb(255,105,22)
Color Blindness Simulator
Below, you can see how #f66c1f 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.