#f22c26 Color Information
In a RGB color space, hex #f22c26 is composed of 94.9% red, 17.3% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.8% magenta, 84.3% yellow and 5.1% black. It has a hue angle of 1.8 degrees, a saturation of 88.7% and a lightness of 54.9%. #f22c26 color hex could be obtained by blending #ff584c with #e50000. Closest websafe color is: #ff3333.
-
- R 95
- G 17
- B 15
-
- C 0
- M 82
- Y 84
- K 5
● #f22c26 color description : Bright red.
#f22c26 Color Conversion
The hexadecimal color #f22c26 has RGB values of R:242, G:44, B:38 and CMYK values of C:0, M:0.82, Y:0.84, K:0.05. Its decimal value is 15871014.
Hex triplet | f22c26 | #f22c26 |
---|---|---|
RGB Decimal | 242, 44, 38 | rgb(242,44,38) |
RGB Percent | 94.9, 17.3, 14.9 | rgb(94.9%,17.3%,14.9%) |
CMYK | 0, 82, 84, 5 | |
HSL | 1.8°, 88.7, 54.9 | hsl(1.8,88.7%,54.9%) |
HSV (or HSB) | 1.8°, 84.3, 94.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 52.756, 71.563, 52.849 |
---|---|
XYZ | 37.87, 20.823, 3.859 |
xyY | 0.605, 0.333, 20.823 |
CIE-LCH | 52.756, 88.962, 36.446 |
CIE-LUV | 52.756, 151.466, 34.059 |
Hunter-Lab | 45.633, 68.28, 26.929 |
Binary | 11110010, 00101100, 00100110 |
Color Schemes with #f22c26
Alternatives to #f22c26
Below, you can see some colors close to #f22c26. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22c26 Preview
This text has a font color of #f22c26.
<span style="color:#f22c26;">Text here</span>
This paragraph has a background color of #f22c26.
<p style="background-color:#f22c26;">Content here</p>
This element has a border color of #f22c26.
<div style="border:1px solid #f22c26;">Content here</div>
.text {color:#f22c26;}
.background {background-color:#f22c26;}
.border {border:1px solid #f22c26;}
Shades and Tints of #f22c26
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, #050000 is the darkest color, while #fef2f2 is the lightest one.
-
#050000
#050000
rgb(5,0,0)
-
#180201
#180201
rgb(24,2,1)
-
#2a0403
#2a0403
rgb(42,4,3)
-
#3d0504
#3d0504
rgb(61,5,4)
-
#4f0705
#4f0705
rgb(79,7,5)
-
#620906
#620906
rgb(98,9,6)
-
#740a07
#740a07
rgb(116,10,7)
-
#870c08
#870c08
rgb(135,12,8)
-
#990d09
#990d09
rgb(153,13,9)
-
#ac0f0a
#ac0f0a
rgb(172,15,10)
-
#be110b
#be110b
rgb(190,17,11)
-
#d1120d
#d1120d
rgb(209,18,13)
-
#e3140e
#e3140e
rgb(227,20,14)
-
#f11a13
#f11a13
rgb(241,26,19)
-
#f22c26
#f22c26
rgb(242,44,38)
-
#f33e39
#f33e39
rgb(243,62,57)
-
#f4504b
#f4504b
rgb(244,80,75)
-
#f5625e
#f5625e
rgb(245,98,94)
-
#f67470
#f67470
rgb(246,116,112)
-
#f88683
#f88683
rgb(248,134,131)
-
#f99895
#f99895
rgb(249,152,149)
-
#faaaa8
#faaaa8
rgb(250,170,168)
-
#fbbcba
#fbbcba
rgb(251,188,186)
-
#fccecd
#fccecd
rgb(252,206,205)
-
#fde0df
#fde0df
rgb(253,224,223)
-
#fef2f2
#fef2f2
rgb(254,242,242)
Tones of #f22c26
A tone is produced by adding gray to any pure hue. In this case, #918887 is the less saturated color, while #fb241d is the most saturated one.
-
#918887
#918887
rgb(145,136,135)
-
#9a7f7e
#9a7f7e
rgb(154,127,126)
-
#a27776
#a27776
rgb(162,119,118)
-
#ab6f6d
#ab6f6d
rgb(171,111,109)
-
#b46664
#b46664
rgb(180,102,100)
-
#bd5e5b
#bd5e5b
rgb(189,94,91)
-
#c65652
#c65652
rgb(198,86,82)
-
#cf4d49
#cf4d49
rgb(207,77,73)
-
#d74541
#d74541
rgb(215,69,65)
-
#e03d38
#e03d38
rgb(224,61,56)
-
#e9342f
#e9342f
rgb(233,52,47)
-
#f22c26
#f22c26
rgb(242,44,38)
-
#fb241d
#fb241d
rgb(251,36,29)
Color Blindness Simulator
Below, you can see how #f22c26 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.