#f22306 Color Information
In a RGB color space, hex #f22306 is composed of 94.9% red, 13.7% green and 2.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.5% magenta, 97.5% yellow and 5.1% black. It has a hue angle of 7.4 degrees, a saturation of 95.2% and a lightness of 48.6%. #f22306 color hex could be obtained by blending #ff460c with #e50000. Closest websafe color is: #ff3300.
-
- R 95
- G 14
- B 2
-
- C 0
- M 86
- Y 98
- K 5
● #f22306 color description : Vivid red.
#f22306 Color Conversion
The hexadecimal color #f22306 has RGB values of R:242, G:35, B:6 and CMYK values of C:0, M:0.86, Y:0.98, K:0.05. Its decimal value is 15868678.
Hex triplet | f22306 | #f22306 |
---|---|---|
RGB Decimal | 242, 35, 6 | rgb(242,35,6) |
RGB Percent | 94.9, 13.7, 2.4 | rgb(94.9%,13.7%,2.4%) |
CMYK | 0, 86, 98, 5 | |
HSL | 7.4°, 95.2, 48.6 | hsl(7.4,95.2%,48.6%) |
HSV (or HSB) | 7.4°, 97.5, 94.9 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 51.947, 73.04, 63.6 |
---|---|
XYZ | 37.254, 20.097, 2.09 |
xyY | 0.627, 0.338, 20.097 |
CIE-LCH | 51.947, 96.85, 41.048 |
CIE-LUV | 51.947, 158.097, 37.795 |
Hunter-Lab | 44.83, 69.881, 28.617 |
Binary | 11110010, 00100011, 00000110 |
Color Schemes with #f22306
Alternatives to #f22306
Below, you can see some colors close to #f22306. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22306 Preview
This text has a font color of #f22306.
<span style="color:#f22306;">Text here</span>
This paragraph has a background color of #f22306.
<p style="background-color:#f22306;">Content here</p>
This element has a border color of #f22306.
<div style="border:1px solid #f22306;">Content here</div>
.text {color:#f22306;}
.background {background-color:#f22306;}
.border {border:1px solid #f22306;}
Shades and Tints of #f22306
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)
-
#1f0501
#1f0501
rgb(31,5,1)
-
#330701
#330701
rgb(51,7,1)
-
#460a02
#460a02
rgb(70,10,2)
-
#590d02
#590d02
rgb(89,13,2)
-
#6c1003
#6c1003
rgb(108,16,3)
-
#7f1203
#7f1203
rgb(127,18,3)
-
#921504
#921504
rgb(146,21,4)
-
#a51804
#a51804
rgb(165,24,4)
-
#b91b05
#b91b05
rgb(185,27,5)
-
#cc1d05
#cc1d05
rgb(204,29,5)
-
#df2006
#df2006
rgb(223,32,6)
-
#f22306
#f22306
rgb(242,35,6)
-
#f92f12
#f92f12
rgb(249,47,18)
-
#fa4026
#fa4026
rgb(250,64,38)
-
#fa5139
#fa5139
rgb(250,81,57)
-
#fb614c
#fb614c
rgb(251,97,76)
-
#fb725f
#fb725f
rgb(251,114,95)
-
#fc8372
#fc8372
rgb(252,131,114)
-
#fc9485
#fc9485
rgb(252,148,133)
-
#fca598
#fca598
rgb(252,165,152)
-
#fdb6ac
#fdb6ac
rgb(253,182,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 #f22306
A tone is produced by adding gray to any pure hue. In this case, #807978 is the less saturated color, while #f22306 is the most saturated one.
-
#807978
#807978
rgb(128,121,120)
-
#89726f
#89726f
rgb(137,114,111)
-
#936b65
#936b65
rgb(147,107,101)
-
#9c645c
#9c645c
rgb(156,100,92)
-
#a65d52
#a65d52
rgb(166,93,82)
-
#af5549
#af5549
rgb(175,85,73)
-
#b94e3f
#b94e3f
rgb(185,78,63)
-
#c24736
#c24736
rgb(194,71,54)
-
#cc402c
#cc402c
rgb(204,64,44)
-
#d53923
#d53923
rgb(213,57,35)
-
#df3119
#df3119
rgb(223,49,25)
-
#e82a10
#e82a10
rgb(232,42,16)
-
#f22306
#f22306
rgb(242,35,6)
Color Blindness Simulator
Below, you can see how #f22306 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.