#f22821 Color Information
In a RGB color space, hex #f22821 is composed of 94.9% red, 15.7% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.5% magenta, 86.4% yellow and 5.1% black. It has a hue angle of 2 degrees, a saturation of 88.9% and a lightness of 53.9%. #f22821 color hex could be obtained by blending #ff5042 with #e50000. Closest websafe color is: #ff3333.
-
- R 95
- G 16
- B 13
-
- C 0
- M 83
- Y 86
- K 5
● #f22821 color description : Vivid red.
#f22821 Color Conversion
The hexadecimal color #f22821 has RGB values of R:242, G:40, B:33 and CMYK values of C:0, M:0.83, Y:0.86, K:0.05. Its decimal value is 15869985.
Hex triplet | f22821 | #f22821 |
---|---|---|
RGB Decimal | 242, 40, 33 | rgb(242,40,33) |
RGB Percent | 94.9, 15.7, 12.9 | rgb(94.9%,15.7%,12.9%) |
CMYK | 0, 83, 86, 5 | |
HSL | 2°, 88.9, 53.9 | hsl(2,88.9%,53.9%) |
HSV (or HSB) | 2°, 86.4, 94.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 52.408, 72.355, 54.873 |
---|---|
XYZ | 37.653, 20.509, 3.415 |
xyY | 0.611, 0.333, 20.509 |
CIE-LCH | 52.408, 90.809, 37.176 |
CIE-LUV | 52.408, 153.824, 34.632 |
Hunter-Lab | 45.287, 69.157, 27.23 |
Binary | 11110010, 00101000, 00100001 |
Color Schemes with #f22821
Alternatives to #f22821
Below, you can see some colors close to #f22821. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22821 Preview
This text has a font color of #f22821.
<span style="color:#f22821;">Text here</span>
This paragraph has a background color of #f22821.
<p style="background-color:#f22821;">Content here</p>
This element has a border color of #f22821.
<div style="border:1px solid #f22821;">Content here</div>
.text {color:#f22821;}
.background {background-color:#f22821;}
.border {border:1px solid #f22821;}
Shades and Tints of #f22821
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, #000000 is the darkest color, while #feeded is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#130201
#130201
rgb(19,2,1)
-
#250302
#250302
rgb(37,3,2)
-
#380503
#380503
rgb(56,5,3)
-
#4a0704
#4a0704
rgb(74,7,4)
-
#5d0805
#5d0805
rgb(93,8,5)
-
#700a07
#700a07
rgb(112,10,7)
-
#820c08
#820c08
rgb(130,12,8)
-
#950d09
#950d09
rgb(149,13,9)
-
#a70f0a
#a70f0a
rgb(167,15,10)
-
#ba110b
#ba110b
rgb(186,17,11)
-
#cc120c
#cc120c
rgb(204,18,12)
-
#df140d
#df140d
rgb(223,20,13)
-
#f1160e
#f1160e
rgb(241,22,14)
-
#f22821
#f22821
rgb(242,40,33)
-
#f33a34
#f33a34
rgb(243,58,52)
-
#f44c46
#f44c46
rgb(244,76,70)
-
#f55e59
#f55e59
rgb(245,94,89)
-
#f6706b
#f6706b
rgb(246,112,107)
-
#f7827e
#f7827e
rgb(247,130,126)
-
#f99490
#f99490
rgb(249,148,144)
-
#faa6a3
#faa6a3
rgb(250,166,163)
-
#fbb8b5
#fbb8b5
rgb(251,184,181)
-
#fccac8
#fccac8
rgb(252,202,200)
-
#fddbda
#fddbda
rgb(253,219,218)
-
#feeded
#feeded
rgb(254,237,237)
Tones of #f22821
A tone is produced by adding gray to any pure hue. In this case, #8f8584 is the less saturated color, while #fb2018 is the most saturated one.
-
#8f8584
#8f8584
rgb(143,133,132)
-
#987c7b
#987c7b
rgb(152,124,123)
-
#a17472
#a17472
rgb(161,116,114)
-
#aa6b69
#aa6b69
rgb(170,107,105)
-
#b36360
#b36360
rgb(179,99,96)
-
#bc5b57
#bc5b57
rgb(188,91,87)
-
#c5524e
#c5524e
rgb(197,82,78)
-
#ce4a45
#ce4a45
rgb(206,74,69)
-
#d7413c
#d7413c
rgb(215,65,60)
-
#e03933
#e03933
rgb(224,57,51)
-
#e9302a
#e9302a
rgb(233,48,42)
-
#f22821
#f22821
rgb(242,40,33)
-
#fb2018
#fb2018
rgb(251,32,24)
Color Blindness Simulator
Below, you can see how #f22821 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.