#f22204 Color Information
In a RGB color space, hex #f22204 is composed of 94.9% red, 13.3% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 98.3% yellow and 5.1% black. It has a hue angle of 7.6 degrees, a saturation of 96.7% and a lightness of 48.2%. #f22204 color hex could be obtained by blending #ff4408 with #e50000. Closest websafe color is: #ff3300.
-
- R 95
- G 13
- B 2
-
- C 0
- M 86
- Y 98
- K 5
● #f22204 color description : Vivid red.
#f22204 Color Conversion
The hexadecimal color #f22204 has RGB values of R:242, G:34, B:4 and CMYK values of C:0, M:0.86, Y:0.98, K:0.05. Its decimal value is 15868420.
Hex triplet | f22204 | #f22204 |
---|---|---|
RGB Decimal | 242, 34, 4 | rgb(242,34,4) |
RGB Percent | 94.9, 13.3, 1.6 | rgb(94.9%,13.3%,1.6%) |
CMYK | 0, 86, 98, 5 | |
HSL | 7.6°, 96.7, 48.2 | hsl(7.6,96.7%,48.2%) |
HSV (or HSB) | 7.6°, 98.3, 94.9 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 51.877, 73.213, 64.061 |
---|---|
XYZ | 37.214, 20.035, 2.023 |
xyY | 0.628, 0.338, 20.035 |
CIE-LCH | 51.877, 97.283, 41.186 |
CIE-LUV | 51.877, 158.567, 37.854 |
Hunter-Lab | 44.76, 70.075, 28.653 |
Binary | 11110010, 00100010, 00000100 |
Color Schemes with #f22204
Alternatives to #f22204
Below, you can see some colors close to #f22204. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22204 Preview
This text has a font color of #f22204.
<span style="color:#f22204;">Text here</span>
This paragraph has a background color of #f22204.
<p style="background-color:#f22204;">Content here</p>
This element has a border color of #f22204.
<div style="border:1px solid #f22204;">Content here</div>
.text {color:#f22204;}
.background {background-color:#f22204;}
.border {border:1px solid #f22204;}
Shades and Tints of #f22204
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)
-
#310701
#310701
rgb(49,7,1)
-
#440a01
#440a01
rgb(68,10,1)
-
#580c01
#580c01
rgb(88,12,1)
-
#6b0f02
#6b0f02
rgb(107,15,2)
-
#7e1202
#7e1202
rgb(126,18,2)
-
#921402
#921402
rgb(146,20,2)
-
#a51703
#a51703
rgb(165,23,3)
-
#b81a03
#b81a03
rgb(184,26,3)
-
#cb1d03
#cb1d03
rgb(203,29,3)
-
#df1f04
#df1f04
rgb(223,31,4)
-
#f22204
#f22204
rgb(242,34,4)
-
#fb2c0f
#fb2c0f
rgb(251,44,15)
-
#fb3d22
#fb3d22
rgb(251,61,34)
-
#fc4e35
#fc4e35
rgb(252,78,53)
-
#fc5f48
#fc5f48
rgb(252,95,72)
-
#fc705c
#fc705c
rgb(252,112,92)
-
#fd816f
#fd816f
rgb(253,129,111)
-
#fd9282
#fd9282
rgb(253,146,130)
-
#fda396
#fda396
rgb(253,163,150)
-
#feb4a9
#feb4a9
rgb(254,180,169)
-
#fec5bc
#fec5bc
rgb(254,197,188)
-
#fed5d0
#fed5d0
rgb(254,213,208)
-
#ffe6e3
#ffe6e3
rgb(255,230,227)
-
#fff7f6
#fff7f6
rgb(255,247,246)
Tones of #f22204
A tone is produced by adding gray to any pure hue. In this case, #807776 is the less saturated color, while #f22204 is the most saturated one.
-
#807776
#807776
rgb(128,119,118)
-
#8a706c
#8a706c
rgb(138,112,108)
-
#936963
#936963
rgb(147,105,99)
-
#9d6259
#9d6259
rgb(157,98,89)
-
#a65b50
#a65b50
rgb(166,91,80)
-
#b05446
#b05446
rgb(176,84,70)
-
#b94c3d
#b94c3d
rgb(185,76,61)
-
#c34533
#c34533
rgb(195,69,51)
-
#cc3e2a
#cc3e2a
rgb(204,62,42)
-
#d63720
#d63720
rgb(214,55,32)
-
#df3017
#df3017
rgb(223,48,23)
-
#e9290d
#e9290d
rgb(233,41,13)
-
#f22204
#f22204
rgb(242,34,4)
Color Blindness Simulator
Below, you can see how #f22204 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.