#f22c1e Color Information
In a RGB color space, hex #f22c1e is composed of 94.9% red, 17.3% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.8% magenta, 87.6% yellow and 5.1% black. It has a hue angle of 4 degrees, a saturation of 89.1% and a lightness of 53.3%. #f22c1e color hex could be obtained by blending #ff583c with #e50000. Closest websafe color is: #ff3333.
-
- R 95
- G 17
- B 12
-
- C 0
- M 82
- Y 88
- K 5
● #f22c1e color description : Vivid red.
#f22c1e Color Conversion
The hexadecimal color #f22c1e has RGB values of R:242, G:44, B:30 and CMYK values of C:0, M:0.82, Y:0.88, K:0.05. Its decimal value is 15871006.
Hex triplet | f22c1e | #f22c1e |
---|---|---|
RGB Decimal | 242, 44, 30 | rgb(242,44,30) |
RGB Percent | 94.9, 17.3, 11.8 | rgb(94.9%,17.3%,11.8%) |
CMYK | 0, 82, 88, 5 | |
HSL | 4°, 89.1, 53.3 | hsl(4,89.1%,53.3%) |
HSV (or HSB) | 4°, 87.6, 94.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 52.705, 71.408, 56.412 |
---|---|
XYZ | 37.755, 20.777, 3.251 |
xyY | 0.611, 0.336, 20.777 |
CIE-LCH | 52.705, 91.002, 38.309 |
CIE-LUV | 52.705, 152.541, 35.835 |
Hunter-Lab | 45.582, 68.081, 27.679 |
Binary | 11110010, 00101100, 00011110 |
Color Schemes with #f22c1e
Alternatives to #f22c1e
Below, you can see some colors close to #f22c1e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22c1e Preview
This text has a font color of #f22c1e.
<span style="color:#f22c1e;">Text here</span>
This paragraph has a background color of #f22c1e.
<p style="background-color:#f22c1e;">Content here</p>
This element has a border color of #f22c1e.
<div style="border:1px solid #f22c1e;">Content here</div>
.text {color:#f22c1e;}
.background {background-color:#f22c1e;}
.border {border:1px solid #f22c1e;}
Shades and Tints of #f22c1e
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, #100201 is the darkest color, while #fffdfd is the lightest one.
-
#100201
#100201
rgb(16,2,1)
-
#230402
#230402
rgb(35,4,2)
-
#350603
#350603
rgb(53,6,3)
-
#480904
#480904
rgb(72,9,4)
-
#5a0b05
#5a0b05
rgb(90,11,5)
-
#6d0d06
#6d0d06
rgb(109,13,6)
-
#7f0f07
#7f0f07
rgb(127,15,7)
-
#921208
#921208
rgb(146,18,8)
-
#a4140a
#a4140a
rgb(164,20,10)
-
#b7160b
#b7160b
rgb(183,22,11)
-
#ca180c
#ca180c
rgb(202,24,12)
-
#dc1a0d
#dc1a0d
rgb(220,26,13)
-
#ef1d0e
#ef1d0e
rgb(239,29,14)
-
#f22c1e
#f22c1e
rgb(242,44,30)
-
#f33d31
#f33d31
rgb(243,61,49)
-
#f44f43
#f44f43
rgb(244,79,67)
-
#f56056
#f56056
rgb(245,96,86)
-
#f67268
#f67268
rgb(246,114,104)
-
#f7837b
#f7837b
rgb(247,131,123)
-
#f8948d
#f8948d
rgb(248,148,141)
-
#faa6a0
#faa6a0
rgb(250,166,160)
-
#fbb7b2
#fbb7b2
rgb(251,183,178)
-
#fcc9c5
#fcc9c5
rgb(252,201,197)
-
#fddad7
#fddad7
rgb(253,218,215)
-
#feebea
#feebea
rgb(254,235,234)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #f22c1e
A tone is produced by adding gray to any pure hue. In this case, #8d8383 is the less saturated color, while #fb2415 is the most saturated one.
-
#8d8383
#8d8383
rgb(141,131,131)
-
#967b7a
#967b7a
rgb(150,123,122)
-
#a07470
#a07470
rgb(160,116,112)
-
#a96c67
#a96c67
rgb(169,108,103)
-
#b2645e
#b2645e
rgb(178,100,94)
-
#bb5c55
#bb5c55
rgb(187,92,85)
-
#c4544c
#c4544c
rgb(196,84,76)
-
#cd4c43
#cd4c43
rgb(205,76,67)
-
#d74439
#d74439
rgb(215,68,57)
-
#e03c30
#e03c30
rgb(224,60,48)
-
#e93427
#e93427
rgb(233,52,39)
-
#f22c1e
#f22c1e
rgb(242,44,30)
-
#fb2415
#fb2415
rgb(251,36,21)
Color Blindness Simulator
Below, you can see how #f22c1e 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.