#f22106 Color Information
In a RGB color space, hex #f22106 is composed of 94.9% red, 12.9% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.4% magenta, 97.5% yellow and 5.1% black. It has a hue angle of 6.9 degrees, a saturation of 95.2% and a lightness of 48.6%. #f22106 color hex could be obtained by blending #ff420c with #e50000. Closest websafe color is: #ff3300.
-
- R 95
- G 13
- B 2
-
- C 0
- M 86
- Y 98
- K 5
● #f22106 color description : Vivid red.
#f22106 Color Conversion
The hexadecimal color #f22106 has RGB values of R:242, G:33, B:6 and CMYK values of C:0, M:0.86, Y:0.98, K:0.05. Its decimal value is 15868166.
Hex triplet | f22106 | #f22106 |
---|---|---|
RGB Decimal | 242, 33, 6 | rgb(242,33,6) |
RGB Percent | 94.9, 12.9, 2.4 | rgb(94.9%,12.9%,2.4%) |
CMYK | 0, 86, 98, 5 | |
HSL | 6.9°, 95.2, 48.6 | hsl(6.9,95.2%,48.6%) |
HSV (or HSB) | 6.9°, 97.5, 94.9 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 51.818, 73.41, 63.541 |
---|---|
XYZ | 37.197, 19.983, 2.071 |
xyY | 0.628, 0.337, 19.983 |
CIE-LCH | 51.818, 97.09, 40.878 |
CIE-LUV | 51.818, 158.807, 37.564 |
Hunter-Lab | 44.702, 70.3, 28.545 |
Binary | 11110010, 00100001, 00000110 |
Color Schemes with #f22106
Alternatives to #f22106
Below, you can see some colors close to #f22106. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22106 Preview
This text has a font color of #f22106.
<span style="color:#f22106;">Text here</span>
This paragraph has a background color of #f22106.
<p style="background-color:#f22106;">Content here</p>
This element has a border color of #f22106.
<div style="border:1px solid #f22106;">Content here</div>
.text {color:#f22106;}
.background {background-color:#f22106;}
.border {border:1px solid #f22106;}
Shades and Tints of #f22106
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, #0c0200 is the darkest color, while #fff9f8 is the lightest one.
-
#0c0200
#0c0200
rgb(12,2,0)
-
#1f0401
#1f0401
rgb(31,4,1)
-
#330701
#330701
rgb(51,7,1)
-
#460a02
#460a02
rgb(70,10,2)
-
#590c02
#590c02
rgb(89,12,2)
-
#6c0f03
#6c0f03
rgb(108,15,3)
-
#7f1103
#7f1103
rgb(127,17,3)
-
#921404
#921404
rgb(146,20,4)
-
#a51704
#a51704
rgb(165,23,4)
-
#b91905
#b91905
rgb(185,25,5)
-
#cc1c05
#cc1c05
rgb(204,28,5)
-
#df1e06
#df1e06
rgb(223,30,6)
-
#f22106
#f22106
rgb(242,33,6)
-
#f92d12
#f92d12
rgb(249,45,18)
-
#fa3e26
#fa3e26
rgb(250,62,38)
-
#fa4f39
#fa4f39
rgb(250,79,57)
-
#fb604c
#fb604c
rgb(251,96,76)
-
#fb715f
#fb715f
rgb(251,113,95)
-
#fc8272
#fc8272
rgb(252,130,114)
-
#fc9385
#fc9385
rgb(252,147,133)
-
#fca498
#fca498
rgb(252,164,152)
-
#fdb5ac
#fdb5ac
rgb(253,181,172)
-
#fdc6bf
#fdc6bf
rgb(253,198,191)
-
#fed7d2
#fed7d2
rgb(254,215,210)
-
#fee8e5
#fee8e5
rgb(254,232,229)
-
#fff9f8
#fff9f8
rgb(255,249,248)
Tones of #f22106
A tone is produced by adding gray to any pure hue. In this case, #807978 is the less saturated color, while #f22106 is the most saturated one.
-
#807978
#807978
rgb(128,121,120)
-
#89726f
#89726f
rgb(137,114,111)
-
#936b65
#936b65
rgb(147,107,101)
-
#9c635c
#9c635c
rgb(156,99,92)
-
#a65c52
#a65c52
rgb(166,92,82)
-
#af5449
#af5449
rgb(175,84,73)
-
#b94d3f
#b94d3f
rgb(185,77,63)
-
#c24636
#c24636
rgb(194,70,54)
-
#cc3e2c
#cc3e2c
rgb(204,62,44)
-
#d53723
#d53723
rgb(213,55,35)
-
#df3019
#df3019
rgb(223,48,25)
-
#e82810
#e82810
rgb(232,40,16)
-
#f22106
#f22106
rgb(242,33,6)
Color Blindness Simulator
Below, you can see how #f22106 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.