#f22211 Color Information
In a RGB color space, hex #f22211 is composed of 94.9% red, 13.3% green and 6.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86% magenta, 93% yellow and 5.1% black. It has a hue angle of 4.5 degrees, a saturation of 89.6% and a lightness of 50.8%. #f22211 color hex could be obtained by blending #ff4422 with #e50000. Closest websafe color is: #ff3300.
-
- R 95
- G 13
- B 7
-
- C 0
- M 86
- Y 93
- K 5
● #f22211 color description : Vivid red.
#f22211 Color Conversion
The hexadecimal color #f22211 has RGB values of R:242, G:34, B:17 and CMYK values of C:0, M:0.86, Y:0.93, K:0.05. Its decimal value is 15868433.
Hex triplet | f22211 | #f22211 |
---|---|---|
RGB Decimal | 242, 34, 17 | rgb(242,34,17) |
RGB Percent | 94.9, 13.3, 6.7 | rgb(94.9%,13.3%,6.7%) |
CMYK | 0, 86, 93, 5 | |
HSL | 4.5°, 89.6, 50.8 | hsl(4.5,89.6%,50.8%) |
HSV (or HSB) | 4.5°, 93, 94.9 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 51.913, 73.318, 60.704 |
---|---|
XYZ | 37.293, 20.067, 2.44 |
xyY | 0.624, 0.336, 20.067 |
CIE-LCH | 51.913, 95.187, 39.623 |
CIE-LUV | 51.913, 157.768, 36.586 |
Hunter-Lab | 44.796, 70.211, 28.128 |
Binary | 11110010, 00100010, 00010001 |
Color Schemes with #f22211
Alternatives to #f22211
Below, you can see some colors close to #f22211. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22211 Preview
This text has a font color of #f22211.
<span style="color:#f22211;">Text here</span>
This paragraph has a background color of #f22211.
<p style="background-color:#f22211;">Content here</p>
This element has a border color of #f22211.
<div style="border:1px solid #f22211;">Content here</div>
.text {color:#f22211;}
.background {background-color:#f22211;}
.border {border:1px solid #f22211;}
Shades and Tints of #f22211
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, #040000 is the darkest color, while #fef1f0 is the lightest one.
-
#040000
#040000
rgb(4,0,0)
-
#160301
#160301
rgb(22,3,1)
-
#290502
#290502
rgb(41,5,2)
-
#3c0803
#3c0803
rgb(60,8,3)
-
#4e0a04
#4e0a04
rgb(78,10,4)
-
#610c05
#610c05
rgb(97,12,5)
-
#730f06
#730f06
rgb(115,15,6)
-
#861107
#861107
rgb(134,17,7)
-
#991308
#991308
rgb(153,19,8)
-
#ab1609
#ab1609
rgb(171,22,9)
-
#be180a
#be180a
rgb(190,24,10)
-
#d01a0b
#d01a0b
rgb(208,26,11)
-
#e31d0c
#e31d0c
rgb(227,29,12)
-
#f22211
#f22211
rgb(242,34,17)
-
#f33324
#f33324
rgb(243,51,36)
-
#f44536
#f44536
rgb(244,69,54)
-
#f55649
#f55649
rgb(245,86,73)
-
#f6675b
#f6675b
rgb(246,103,91)
-
#f7786e
#f7786e
rgb(247,120,110)
-
#f88a81
#f88a81
rgb(248,138,129)
-
#f99b93
#f99b93
rgb(249,155,147)
-
#faaca6
#faaca6
rgb(250,172,166)
-
#fbbdb8
#fbbdb8
rgb(251,189,184)
-
#fccfcb
#fccfcb
rgb(252,207,203)
-
#fde0de
#fde0de
rgb(253,224,222)
-
#fef1f0
#fef1f0
rgb(254,241,240)
Tones of #f22211
A tone is produced by adding gray to any pure hue. In this case, #887c7b is the less saturated color, while #fc1a07 is the most saturated one.
-
#887c7b
#887c7b
rgb(136,124,123)
-
#917472
#917472
rgb(145,116,114)
-
#9b6c68
#9b6c68
rgb(155,108,104)
-
#a5645e
#a5645e
rgb(165,100,94)
-
#ae5b55
#ae5b55
rgb(174,91,85)
-
#b8534b
#b8534b
rgb(184,83,75)
-
#c24b41
#c24b41
rgb(194,75,65)
-
#cb4338
#cb4338
rgb(203,67,56)
-
#d53b2e
#d53b2e
rgb(213,59,46)
-
#df3224
#df3224
rgb(223,50,36)
-
#e82a1b
#e82a1b
rgb(232,42,27)
-
#f22211
#f22211
rgb(242,34,17)
-
#fc1a07
#fc1a07
rgb(252,26,7)
Color Blindness Simulator
Below, you can see how #f22211 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.