#f22a26 Color Information
In a RGB color space, hex #f22a26 is composed of 94.9% red, 16.5% green and 14.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.6% magenta, 84.3% yellow and 5.1% black. It has a hue angle of 1.2 degrees, a saturation of 88.7% and a lightness of 54.9%. #f22a26 color hex could be obtained by blending #ff544c with #e50000. Closest websafe color is: #ff3333.
-
- R 95
- G 16
- B 15
-
- C 0
- M 83
- Y 84
- K 5
● #f22a26 color description : Bright red.
#f22a26 Color Conversion
The hexadecimal color #f22a26 has RGB values of R:242, G:42, B:38 and CMYK values of C:0, M:0.83, Y:0.84, K:0.05. Its decimal value is 15870502.
Hex triplet | f22a26 | #f22a26 |
---|---|---|
RGB Decimal | 242, 42, 38 | rgb(242,42,38) |
RGB Percent | 94.9, 16.5, 14.9 | rgb(94.9%,16.5%,14.9%) |
CMYK | 0, 83, 84, 5 | |
HSL | 1.2°, 88.7, 54.9 | hsl(1.2,88.7%,54.9%) |
HSV (or HSB) | 1.2°, 84.3, 94.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 52.595, 72.019, 52.71 |
---|---|
XYZ | 37.798, 20.678, 3.835 |
xyY | 0.607, 0.332, 20.678 |
CIE-LCH | 52.595, 89.247, 36.2 |
CIE-LUV | 52.595, 152.305, 33.758 |
Hunter-Lab | 45.473, 68.794, 26.831 |
Binary | 11110010, 00101010, 00100110 |
Color Schemes with #f22a26
Alternatives to #f22a26
Below, you can see some colors close to #f22a26. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22a26 Preview
This text has a font color of #f22a26.
<span style="color:#f22a26;">Text here</span>
This paragraph has a background color of #f22a26.
<p style="background-color:#f22a26;">Content here</p>
This element has a border color of #f22a26.
<div style="border:1px solid #f22a26;">Content here</div>
.text {color:#f22a26;}
.background {background-color:#f22a26;}
.border {border:1px solid #f22a26;}
Shades and Tints of #f22a26
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)
-
#2a0303
#2a0303
rgb(42,3,3)
-
#3d0504
#3d0504
rgb(61,5,4)
-
#4f0605
#4f0605
rgb(79,6,5)
-
#620806
#620806
rgb(98,8,6)
-
#740907
#740907
rgb(116,9,7)
-
#870b08
#870b08
rgb(135,11,8)
-
#990c09
#990c09
rgb(153,12,9)
-
#ac0d0a
#ac0d0a
rgb(172,13,10)
-
#be0f0b
#be0f0b
rgb(190,15,11)
-
#d1100d
#d1100d
rgb(209,16,13)
-
#e3120e
#e3120e
rgb(227,18,14)
-
#f11813
#f11813
rgb(241,24,19)
-
#f22a26
#f22a26
rgb(242,42,38)
-
#f33c39
#f33c39
rgb(243,60,57)
-
#f44e4b
#f44e4b
rgb(244,78,75)
-
#f5605e
#f5605e
rgb(245,96,94)
-
#f67370
#f67370
rgb(246,115,112)
-
#f88583
#f88583
rgb(248,133,131)
-
#f99795
#f99795
rgb(249,151,149)
-
#faa9a8
#faa9a8
rgb(250,169,168)
-
#fbbbba
#fbbbba
rgb(251,187,186)
-
#fccdcd
#fccdcd
rgb(252,205,205)
-
#fde0df
#fde0df
rgb(253,224,223)
-
#fef2f2
#fef2f2
rgb(254,242,242)
Tones of #f22a26
A tone is produced by adding gray to any pure hue. In this case, #918787 is the less saturated color, while #fb221d is the most saturated one.
-
#918787
#918787
rgb(145,135,135)
-
#9a7f7e
#9a7f7e
rgb(154,127,126)
-
#a27676
#a27676
rgb(162,118,118)
-
#ab6e6d
#ab6e6d
rgb(171,110,109)
-
#b46564
#b46564
rgb(180,101,100)
-
#bd5d5b
#bd5d5b
rgb(189,93,91)
-
#c65452
#c65452
rgb(198,84,82)
-
#cf4c49
#cf4c49
rgb(207,76,73)
-
#d74341
#d74341
rgb(215,67,65)
-
#e03b38
#e03b38
rgb(224,59,56)
-
#e9322f
#e9322f
rgb(233,50,47)
-
#f22a26
#f22a26
rgb(242,42,38)
-
#fb221d
#fb221d
rgb(251,34,29)
Color Blindness Simulator
Below, you can see how #f22a26 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.