#f22f53 Color Information
In a RGB color space, hex #f22f53 is composed of 94.9% red, 18.4% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.6% magenta, 65.7% yellow and 5.1% black. It has a hue angle of 348.9 degrees, a saturation of 88.2% and a lightness of 56.7%. #f22f53 color hex could be obtained by blending #ff5ea6 with #e50000. Closest websafe color is: #ff3366.
-
- R 95
- G 18
- B 33
-
- C 0
- M 81
- Y 66
- K 5
● #f22f53 color description : Bright red.
#f22f53 Color Conversion
The hexadecimal color #f22f53 has RGB values of R:242, G:47, B:83 and CMYK values of C:0, M:0.81, Y:0.66, K:0.05. Its decimal value is 15871827.
Hex triplet | f22f53 | #f22f53 |
---|---|---|
RGB Decimal | 242, 47, 83 | rgb(242,47,83) |
RGB Percent | 94.9, 18.4, 32.5 | rgb(94.9%,18.4%,32.5%) |
CMYK | 0, 81, 66, 5 | |
HSL | 348.9°, 88.2, 56.7 | hsl(348.9,88.2%,56.7%) |
HSV (or HSB) | 348.9°, 80.6, 94.9 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 53.535, 72.452, 28.828 |
---|---|
XYZ | 39.198, 21.54, 10.277 |
xyY | 0.552, 0.303, 21.54 |
CIE-LCH | 53.535, 77.976, 21.697 |
CIE-LUV | 53.535, 139.883, 17.248 |
Hunter-Lab | 46.411, 69.539, 19.359 |
Binary | 11110010, 00101111, 01010011 |
Color Schemes with #f22f53
Alternatives to #f22f53
Below, you can see some colors close to #f22f53. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22f53 Preview
This text has a font color of #f22f53.
<span style="color:#f22f53;">Text here</span>
This paragraph has a background color of #f22f53.
<p style="background-color:#f22f53;">Content here</p>
This element has a border color of #f22f53.
<div style="border:1px solid #f22f53;">Content here</div>
.text {color:#f22f53;}
.background {background-color:#f22f53;}
.border {border:1px solid #f22f53;}
Shades and Tints of #f22f53
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, #0e0103 is the darkest color, while #fffafb is the lightest one.
-
#0e0103
#0e0103
rgb(14,1,3)
-
#200208
#200208
rgb(32,2,8)
-
#32030c
#32030c
rgb(50,3,12)
-
#450410
#450410
rgb(69,4,16)
-
#570515
#570515
rgb(87,5,21)
-
#6a0719
#6a0719
rgb(106,7,25)
-
#7c081d
#7c081d
rgb(124,8,29)
-
#8f0922
#8f0922
rgb(143,9,34)
-
#a10a26
#a10a26
rgb(161,10,38)
-
#b40b2a
#b40b2a
rgb(180,11,42)
-
#c60c2f
#c60c2f
rgb(198,12,47)
-
#d90e33
#d90e33
rgb(217,14,51)
-
#eb0f37
#eb0f37
rgb(235,15,55)
-
#f11d44
#f11d44
rgb(241,29,68)
-
#f22f53
#f22f53
rgb(242,47,83)
-
#f34162
#f34162
rgb(243,65,98)
-
#f45472
#f45472
rgb(244,84,114)
-
#f56681
#f56681
rgb(245,102,129)
-
#f77990
#f77990
rgb(247,121,144)
-
#f88b9f
#f88b9f
rgb(248,139,159)
-
#f99eaf
#f99eaf
rgb(249,158,175)
-
#fab0be
#fab0be
rgb(250,176,190)
-
#fbc3cd
#fbc3cd
rgb(251,195,205)
-
#fcd5dc
#fcd5dc
rgb(252,213,220)
-
#fee8ec
#fee8ec
rgb(254,232,236)
-
#fffafb
#fffafb
rgb(255,250,251)
Tones of #f22f53
A tone is produced by adding gray to any pure hue. In this case, #958d8e is the less saturated color, while #fb274e is the most saturated one.
-
#958d8e
#958d8e
rgb(149,141,142)
-
#9d8489
#9d8489
rgb(157,132,137)
-
#a67c83
#a67c83
rgb(166,124,131)
-
#ae737e
#ae737e
rgb(174,115,126)
-
#b76b79
#b76b79
rgb(183,107,121)
-
#bf6273
#bf6273
rgb(191,98,115)
-
#c85a6e
#c85a6e
rgb(200,90,110)
-
#d05168
#d05168
rgb(208,81,104)
-
#d94963
#d94963
rgb(217,73,99)
-
#e1405e
#e1405e
rgb(225,64,94)
-
#ea3858
#ea3858
rgb(234,56,88)
-
#f22f53
#f22f53
rgb(242,47,83)
-
#fb274e
#fb274e
rgb(251,39,78)
Color Blindness Simulator
Below, you can see how #f22f53 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.