#f22004 Color Information
In a RGB color space, hex #f22004 is composed of 94.9% red, 12.5% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.8% magenta, 98.3% yellow and 5.1% black. It has a hue angle of 7.1 degrees, a saturation of 96.7% and a lightness of 48.2%. #f22004 color hex could be obtained by blending #ff4008 with #e50000. Closest websafe color is: #ff3300.
-
- R 95
- G 13
- B 2
-
- C 0
- M 87
- Y 98
- K 5
● #f22004 color description : Vivid red.
#f22004 Color Conversion
The hexadecimal color #f22004 has RGB values of R:242, G:32, B:4 and CMYK values of C:0, M:0.87, Y:0.98, K:0.05. Its decimal value is 15867908.
Hex triplet | f22004 | #f22004 |
---|---|---|
RGB Decimal | 242, 32, 4 | rgb(242,32,4) |
RGB Percent | 94.9, 12.5, 1.6 | rgb(94.9%,12.5%,1.6%) |
CMYK | 0, 87, 98, 5 | |
HSL | 7.1°, 96.7, 48.2 | hsl(7.1,96.7%,48.2%) |
HSV (or HSB) | 7.1°, 98.3, 94.9 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 51.751, 73.572, 64.006 |
---|---|
XYZ | 37.158, 19.924, 2.004 |
xyY | 0.629, 0.337, 19.924 |
CIE-LCH | 51.751, 97.518, 41.022 |
CIE-LUV | 51.751, 159.26, 37.629 |
Hunter-Lab | 44.636, 70.483, 28.583 |
Binary | 11110010, 00100000, 00000100 |
Color Schemes with #f22004
Alternatives to #f22004
Below, you can see some colors close to #f22004. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22004 Preview
This text has a font color of #f22004.
<span style="color:#f22004;">Text here</span>
This paragraph has a background color of #f22004.
<p style="background-color:#f22004;">Content here</p>
This element has a border color of #f22004.
<div style="border:1px solid #f22004;">Content here</div>
.text {color:#f22004;}
.background {background-color:#f22004;}
.border {border:1px solid #f22004;}
Shades and Tints of #f22004
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, #0a0100 is the darkest color, while #fff7f6 is the lightest one.
-
#0a0100
#0a0100
rgb(10,1,0)
-
#1e0400
#1e0400
rgb(30,4,0)
-
#310601
#310601
rgb(49,6,1)
-
#440901
#440901
rgb(68,9,1)
-
#580c01
#580c01
rgb(88,12,1)
-
#6b0e02
#6b0e02
rgb(107,14,2)
-
#7e1102
#7e1102
rgb(126,17,2)
-
#921302
#921302
rgb(146,19,2)
-
#a51603
#a51603
rgb(165,22,3)
-
#b81803
#b81803
rgb(184,24,3)
-
#cb1b03
#cb1b03
rgb(203,27,3)
-
#df1d04
#df1d04
rgb(223,29,4)
-
#f22004
#f22004
rgb(242,32,4)
-
#fb2a0f
#fb2a0f
rgb(251,42,15)
-
#fb3b22
#fb3b22
rgb(251,59,34)
-
#fc4d35
#fc4d35
rgb(252,77,53)
-
#fc5e48
#fc5e48
rgb(252,94,72)
-
#fc6f5c
#fc6f5c
rgb(252,111,92)
-
#fd806f
#fd806f
rgb(253,128,111)
-
#fd9182
#fd9182
rgb(253,145,130)
-
#fda296
#fda296
rgb(253,162,150)
-
#feb3a9
#feb3a9
rgb(254,179,169)
-
#fec4bc
#fec4bc
rgb(254,196,188)
-
#fed5d0
#fed5d0
rgb(254,213,208)
-
#ffe6e3
#ffe6e3
rgb(255,230,227)
-
#fff7f6
#fff7f6
rgb(255,247,246)
Tones of #f22004
A tone is produced by adding gray to any pure hue. In this case, #807776 is the less saturated color, while #f22004 is the most saturated one.
-
#807776
#807776
rgb(128,119,118)
-
#8a706c
#8a706c
rgb(138,112,108)
-
#936863
#936863
rgb(147,104,99)
-
#9d6159
#9d6159
rgb(157,97,89)
-
#a65a50
#a65a50
rgb(166,90,80)
-
#b05346
#b05346
rgb(176,83,70)
-
#b94b3d
#b94b3d
rgb(185,75,61)
-
#c34433
#c34433
rgb(195,68,51)
-
#cc3d2a
#cc3d2a
rgb(204,61,42)
-
#d63620
#d63620
rgb(214,54,32)
-
#df2e17
#df2e17
rgb(223,46,23)
-
#e9270d
#e9270d
rgb(233,39,13)
-
#f22004
#f22004
rgb(242,32,4)
Color Blindness Simulator
Below, you can see how #f22004 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.