#f22558 Color Information
In a RGB color space, hex #f22558 is composed of 94.9% red, 14.5% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.7% magenta, 63.6% yellow and 5.1% black. It has a hue angle of 345.1 degrees, a saturation of 88.7% and a lightness of 54.7%. #f22558 color hex could be obtained by blending #ff4ab0 with #e50000. Closest websafe color is: #ff3366.
-
- R 95
- G 15
- B 35
-
- C 0
- M 85
- Y 64
- K 5
● #f22558 color description : Bright red.
#f22558 Color Conversion
The hexadecimal color #f22558 has RGB values of R:242, G:37, B:88 and CMYK values of C:0, M:0.85, Y:0.64, K:0.05. Its decimal value is 15869272.
Hex triplet | f22558 | #f22558 |
---|---|---|
RGB Decimal | 242, 37, 88 | rgb(242,37,88) |
RGB Percent | 94.9, 14.5, 34.5 | rgb(94.9%,14.5%,34.5%) |
CMYK | 0, 85, 64, 5 | |
HSL | 345.1°, 88.7, 54.7 | hsl(345.1,88.7%,54.7%) |
HSV (or HSB) | 345.1°, 84.7, 94.9 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 52.851, 74.912, 24.965 |
---|---|
XYZ | 39.043, 20.91, 11.212 |
xyY | 0.549, 0.294, 20.91 |
CIE-LCH | 52.851, 78.962, 18.431 |
CIE-LUV | 52.851, 141.814, 12.907 |
Hunter-Lab | 45.727, 72.384, 17.471 |
Binary | 11110010, 00100101, 01011000 |
Color Schemes with #f22558
Alternatives to #f22558
Below, you can see some colors close to #f22558. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22558 Preview
This text has a font color of #f22558.
<span style="color:#f22558;">Text here</span>
This paragraph has a background color of #f22558.
<p style="background-color:#f22558;">Content here</p>
This element has a border color of #f22558.
<div style="border:1px solid #f22558;">Content here</div>
.text {color:#f22558;}
.background {background-color:#f22558;}
.border {border:1px solid #f22558;}
Shades and Tints of #f22558
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, #040001 is the darkest color, while #fef1f4 is the lightest one.
-
#040001
#040001
rgb(4,0,1)
-
#170107
#170107
rgb(23,1,7)
-
#29020c
#29020c
rgb(41,2,12)
-
#3c0412
#3c0412
rgb(60,4,18)
-
#4e0517
#4e0517
rgb(78,5,23)
-
#61061c
#61061c
rgb(97,6,28)
-
#730722
#730722
rgb(115,7,34)
-
#860827
#860827
rgb(134,8,39)
-
#98092d
#98092d
rgb(152,9,45)
-
#ab0a32
#ab0a32
rgb(171,10,50)
-
#bd0b38
#bd0b38
rgb(189,11,56)
-
#d00c3d
#d00c3d
rgb(208,12,61)
-
#e20d42
#e20d42
rgb(226,13,66)
-
#f1124a
#f1124a
rgb(241,18,74)
-
#f22558
#f22558
rgb(242,37,88)
-
#f33866
#f33866
rgb(243,56,102)
-
#f44a74
#f44a74
rgb(244,74,116)
-
#f55d83
#f55d83
rgb(245,93,131)
-
#f66f91
#f66f91
rgb(246,111,145)
-
#f8829f
#f8829f
rgb(248,130,159)
-
#f994ad
#f994ad
rgb(249,148,173)
-
#faa7bb
#faa7bb
rgb(250,167,187)
-
#fbb9c9
#fbb9c9
rgb(251,185,201)
-
#fcccd8
#fcccd8
rgb(252,204,216)
-
#fddee6
#fddee6
rgb(253,222,230)
-
#fef1f4
#fef1f4
rgb(254,241,244)
Tones of #f22558
A tone is produced by adding gray to any pure hue. In this case, #908789 is the less saturated color, while #fb1c54 is the most saturated one.
-
#908789
#908789
rgb(144,135,137)
-
#997e85
#997e85
rgb(153,126,133)
-
#a27580
#a27580
rgb(162,117,128)
-
#ab6c7c
#ab6c7c
rgb(171,108,124)
-
#b46377
#b46377
rgb(180,99,119)
-
#bd5a73
#bd5a73
rgb(189,90,115)
-
#c6516e
#c6516e
rgb(198,81,110)
-
#ce496a
#ce496a
rgb(206,73,106)
-
#d74065
#d74065
rgb(215,64,101)
-
#e03761
#e03761
rgb(224,55,97)
-
#e92e5c
#e92e5c
rgb(233,46,92)
-
#f22558
#f22558
rgb(242,37,88)
-
#fb1c54
#fb1c54
rgb(251,28,84)
Color Blindness Simulator
Below, you can see how #f22558 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.