#f22a2a Color Information
In a RGB color space, hex #f22a2a is composed of 94.9% red, 16.5% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.6% magenta, 82.6% yellow and 5.1% black. It has a hue angle of 0 degrees, a saturation of 88.5% and a lightness of 55.7%. #f22a2a color hex could be obtained by blending #ff5454 with #e50000. Closest websafe color is: #ff3333.
-
- R 95
- G 16
- B 16
-
- C 0
- M 83
- Y 83
- K 5
● #f22a2a color description : Bright red.
#f22a2a Color Conversion
The hexadecimal color #f22a2a has RGB values of R:242, G:42, B:42 and CMYK values of C:0, M:0.83, Y:0.83, K:0.05. Its decimal value is 15870506.
Hex triplet | f22a2a | #f22a2a |
---|---|---|
RGB Decimal | 242, 42, 42 | rgb(242,42,42) |
RGB Percent | 94.9, 16.5, 16.5 | rgb(94.9%,16.5%,16.5%) |
CMYK | 0, 83, 83, 5 | |
HSL | 0°, 88.5, 55.7 | hsl(0,88.5%,55.7%) |
HSV (or HSB) | 0°, 82.6, 94.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 52.625, 72.11, 50.78 |
---|---|
XYZ | 37.866, 20.705, 4.193 |
xyY | 0.603, 0.33, 20.705 |
CIE-LCH | 52.625, 88.195, 35.154 |
CIE-LUV | 52.625, 151.671, 32.72 |
Hunter-Lab | 45.503, 68.911, 26.388 |
Binary | 11110010, 00101010, 00101010 |
Color Schemes with #f22a2a
Alternatives to #f22a2a
Below, you can see some colors close to #f22a2a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22a2a Preview
This text has a font color of #f22a2a.
<span style="color:#f22a2a;">Text here</span>
This paragraph has a background color of #f22a2a.
<p style="background-color:#f22a2a;">Content here</p>
This element has a border color of #f22a2a.
<div style="border:1px solid #f22a2a;">Content here</div>
.text {color:#f22a2a;}
.background {background-color:#f22a2a;}
.border {border:1px solid #f22a2a;}
Shades and Tints of #f22a2a
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, #090101 is the darkest color, while #fef5f5 is the lightest one.
-
#090101
#090101
rgb(9,1,1)
-
#1b0202
#1b0202
rgb(27,2,2)
-
#2e0303
#2e0303
rgb(46,3,3)
-
#400404
#400404
rgb(64,4,4)
-
#530505
#530505
rgb(83,5,5)
-
#650606
#650606
rgb(101,6,6)
-
#780707
#780707
rgb(120,7,7)
-
#8a0808
#8a0808
rgb(138,8,8)
-
#9d0a0a
#9d0a0a
rgb(157,10,10)
-
#af0b0b
#af0b0b
rgb(175,11,11)
-
#c20c0c
#c20c0c
rgb(194,12,12)
-
#d40d0d
#d40d0d
rgb(212,13,13)
-
#e70e0e
#e70e0e
rgb(231,14,14)
-
#f11818
#f11818
rgb(241,24,24)
-
#f22a2a
#f22a2a
rgb(242,42,42)
-
#f33c3c
#f33c3c
rgb(243,60,60)
-
#f44f4f
#f44f4f
rgb(244,79,79)
-
#f56161
#f56161
rgb(245,97,97)
-
#f77474
#f77474
rgb(247,116,116)
-
#f88686
#f88686
rgb(248,134,134)
-
#f99999
#f99999
rgb(249,153,153)
-
#faabab
#faabab
rgb(250,171,171)
-
#fbbebe
#fbbebe
rgb(251,190,190)
-
#fcd0d0
#fcd0d0
rgb(252,208,208)
-
#fde3e3
#fde3e3
rgb(253,227,227)
-
#fef5f5
#fef5f5
rgb(254,245,245)
Tones of #f22a2a
A tone is produced by adding gray to any pure hue. In this case, #928a8a is the less saturated color, while #fb2121 is the most saturated one.
-
#928a8a
#928a8a
rgb(146,138,138)
-
#9b8181
#9b8181
rgb(155,129,129)
-
#a47878
#a47878
rgb(164,120,120)
-
#ac7070
#ac7070
rgb(172,112,112)
-
#b56767
#b56767
rgb(181,103,103)
-
#be5e5e
#be5e5e
rgb(190,94,94)
-
#c75555
#c75555
rgb(199,85,85)
-
#cf4d4d
#cf4d4d
rgb(207,77,77)
-
#d84444
#d84444
rgb(216,68,68)
-
#e13b3b
#e13b3b
rgb(225,59,59)
-
#e93333
#e93333
rgb(233,51,51)
-
#f22a2a
#f22a2a
rgb(242,42,42)
-
#fb2121
#fb2121
rgb(251,33,33)
Color Blindness Simulator
Below, you can see how #f22a2a 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.