#f24221 Color Information
In a RGB color space, hex #f24221 is composed of 94.9% red, 25.9% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.7% magenta, 86.4% yellow and 5.1% black. It has a hue angle of 9.5 degrees, a saturation of 88.9% and a lightness of 53.9%. #f24221 color hex could be obtained by blending #ff8442 with #e50000. Closest websafe color is: #ff3333.
-
- R 95
- G 26
- B 13
-
- C 0
- M 73
- Y 86
- K 5
● #f24221 color description : Vivid red.
#f24221 Color Conversion
The hexadecimal color #f24221 has RGB values of R:242, G:66, B:33 and CMYK values of C:0, M:0.73, Y:0.86, K:0.05. Its decimal value is 15876641.
Hex triplet | f24221 | #f24221 |
---|---|---|
RGB Decimal | 242, 66, 33 | rgb(242,66,33) |
RGB Percent | 94.9, 25.9, 12.9 | rgb(94.9%,25.9%,12.9%) |
CMYK | 0, 73, 86, 5 | |
HSL | 9.5°, 88.9, 53.9 | hsl(9.5,88.9%,53.9%) |
HSV (or HSB) | 9.5°, 86.4, 94.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 54.957, 65.196, 56.915 |
---|---|
XYZ | 38.843, 22.888, 3.811 |
xyY | 0.593, 0.349, 22.888 |
CIE-LCH | 54.957, 86.544, 41.121 |
CIE-LUV | 54.957, 140.675, 39.31 |
Hunter-Lab | 47.842, 61.201, 28.766 |
Binary | 11110010, 01000010, 00100001 |
Color Schemes with #f24221
Alternatives to #f24221
Below, you can see some colors close to #f24221. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f24221 Preview
This text has a font color of #f24221.
<span style="color:#f24221;">Text here</span>
This paragraph has a background color of #f24221.
<p style="background-color:#f24221;">Content here</p>
This element has a border color of #f24221.
<div style="border:1px solid #f24221;">Content here</div>
.text {color:#f24221;}
.background {background-color:#f24221;}
.border {border:1px solid #f24221;}
Shades and Tints of #f24221
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 #fef0ed is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#130401
#130401
rgb(19,4,1)
-
#250802
#250802
rgb(37,8,2)
-
#380c03
#380c03
rgb(56,12,3)
-
#4a0f04
#4a0f04
rgb(74,15,4)
-
#5d1305
#5d1305
rgb(93,19,5)
-
#701707
#701707
rgb(112,23,7)
-
#821b08
#821b08
rgb(130,27,8)
-
#951f09
#951f09
rgb(149,31,9)
-
#a7230a
#a7230a
rgb(167,35,10)
-
#ba260b
#ba260b
rgb(186,38,11)
-
#cc2a0c
#cc2a0c
rgb(204,42,12)
-
#df2e0d
#df2e0d
rgb(223,46,13)
-
#f1320e
#f1320e
rgb(241,50,14)
-
#f24221
#f24221
rgb(242,66,33)
-
#f35234
#f35234
rgb(243,82,52)
-
#f46246
#f46246
rgb(244,98,70)
-
#f57159
#f57159
rgb(245,113,89)
-
#f6816b
#f6816b
rgb(246,129,107)
-
#f7917e
#f7917e
rgb(247,145,126)
-
#f9a190
#f9a190
rgb(249,161,144)
-
#fab0a3
#fab0a3
rgb(250,176,163)
-
#fbc0b5
#fbc0b5
rgb(251,192,181)
-
#fcd0c8
#fcd0c8
rgb(252,208,200)
-
#fde0da
#fde0da
rgb(253,224,218)
-
#fef0ed
#fef0ed
rgb(254,240,237)
Tones of #f24221
A tone is produced by adding gray to any pure hue. In this case, #8f8684 is the less saturated color, while #fb3c18 is the most saturated one.
-
#8f8684
#8f8684
rgb(143,134,132)
-
#98807b
#98807b
rgb(152,128,123)
-
#a17a72
#a17a72
rgb(161,122,114)
-
#aa7369
#aa7369
rgb(170,115,105)
-
#b36d60
#b36d60
rgb(179,109,96)
-
#bc6757
#bc6757
rgb(188,103,87)
-
#c5614e
#c5614e
rgb(197,97,78)
-
#ce5b45
#ce5b45
rgb(206,91,69)
-
#d7553c
#d7553c
rgb(215,85,60)
-
#e04e33
#e04e33
rgb(224,78,51)
-
#e9482a
#e9482a
rgb(233,72,42)
-
#f24221
#f24221
rgb(242,66,33)
-
#fb3c18
#fb3c18
rgb(251,60,24)
Color Blindness Simulator
Below, you can see how #f24221 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.