#f22c5a Color Information
In a RGB color space, hex #f22c5a is composed of 94.9% red, 17.3% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.8% magenta, 62.8% yellow and 5.1% black. It has a hue angle of 346.1 degrees, a saturation of 88.4% and a lightness of 56.1%. #f22c5a color hex could be obtained by blending #ff58b4 with #e50000. Closest websafe color is: #ff3366.
-
- R 95
- G 17
- B 35
-
- C 0
- M 82
- Y 63
- K 5
● #f22c5a color description : Bright red.
#f22c5a Color Conversion
The hexadecimal color #f22c5a has RGB values of R:242, G:44, B:90 and CMYK values of C:0, M:0.82, Y:0.63, K:0.05. Its decimal value is 15871066.
Hex triplet | f22c5a | #f22c5a |
---|---|---|
RGB Decimal | 242, 44, 90 | rgb(242,44,90) |
RGB Percent | 94.9, 17.3, 35.3 | rgb(94.9%,17.3%,35.3%) |
CMYK | 0, 82, 63, 5 | |
HSL | 346.1°, 88.4, 56.1 | hsl(346.1,88.4%,56.1%) |
HSV (or HSB) | 346.1°, 81.8, 94.9 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 53.408, 73.532, 24.492 |
---|---|
XYZ | 39.366, 21.422, 11.734 |
xyY | 0.543, 0.295, 21.422 |
CIE-LCH | 53.408, 77.504, 18.422 |
CIE-LUV | 53.408, 138.793, 12.949 |
Hunter-Lab | 46.283, 70.825, 17.367 |
Binary | 11110010, 00101100, 01011010 |
Color Schemes with #f22c5a
Alternatives to #f22c5a
Below, you can see some colors close to #f22c5a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22c5a Preview
This text has a font color of #f22c5a.
<span style="color:#f22c5a;">Text here</span>
This paragraph has a background color of #f22c5a.
<p style="background-color:#f22c5a;">Content here</p>
This element has a border color of #f22c5a.
<div style="border:1px solid #f22c5a;">Content here</div>
.text {color:#f22c5a;}
.background {background-color:#f22c5a;}
.border {border:1px solid #f22c5a;}
Shades and Tints of #f22c5a
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, #0b0103 is the darkest color, while #fff7f9 is the lightest one.
-
#0b0103
#0b0103
rgb(11,1,3)
-
#1d0208
#1d0208
rgb(29,2,8)
-
#30030d
#30030d
rgb(48,3,13)
-
#420412
#420412
rgb(66,4,18)
-
#550518
#550518
rgb(85,5,24)
-
#67061d
#67061d
rgb(103,6,29)
-
#7a0722
#7a0722
rgb(122,7,34)
-
#8c0927
#8c0927
rgb(140,9,39)
-
#9f0a2c
#9f0a2c
rgb(159,10,44)
-
#b10b31
#b10b31
rgb(177,11,49)
-
#c30c37
#c30c37
rgb(195,12,55)
-
#d60d3c
#d60d3c
rgb(214,13,60)
-
#e80e41
#e80e41
rgb(232,14,65)
-
#f11a4c
#f11a4c
rgb(241,26,76)
-
#f22c5a
#f22c5a
rgb(242,44,90)
-
#f33e68
#f33e68
rgb(243,62,104)
-
#f45177
#f45177
rgb(244,81,119)
-
#f56385
#f56385
rgb(245,99,133)
-
#f77694
#f77694
rgb(247,118,148)
-
#f888a2
#f888a2
rgb(248,136,162)
-
#f99bb1
#f99bb1
rgb(249,155,177)
-
#faadbf
#faadbf
rgb(250,173,191)
-
#fbc0ce
#fbc0ce
rgb(251,192,206)
-
#fcd2dc
#fcd2dc
rgb(252,210,220)
-
#fde5ea
#fde5ea
rgb(253,229,234)
-
#fff7f9
#fff7f9
rgb(255,247,249)
Tones of #f22c5a
A tone is produced by adding gray to any pure hue. In this case, #938b8d is the less saturated color, while #fb2355 is the most saturated one.
-
#938b8d
#938b8d
rgb(147,139,141)
-
#9c8288
#9c8288
rgb(156,130,136)
-
#a47a84
#a47a84
rgb(164,122,132)
-
#ad717f
#ad717f
rgb(173,113,127)
-
#b6687a
#b6687a
rgb(182,104,122)
-
#be6076
#be6076
rgb(190,96,118)
-
#c75771
#c75771
rgb(199,87,113)
-
#d04e6c
#d04e6c
rgb(208,78,108)
-
#d84668
#d84668
rgb(216,70,104)
-
#e13d63
#e13d63
rgb(225,61,99)
-
#e9355f
#e9355f
rgb(233,53,95)
-
#f22c5a
#f22c5a
rgb(242,44,90)
-
#fb2355
#fb2355
rgb(251,35,85)
Color Blindness Simulator
Below, you can see how #f22c5a 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.