#f22178 Color Information
In a RGB color space, hex #f22178 is composed of 94.9% red, 12.9% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.4% magenta, 50.4% yellow and 5.1% black. It has a hue angle of 335 degrees, a saturation of 88.9% and a lightness of 53.9%. #f22178 color hex could be obtained by blending #ff42f0 with #e50000. Closest websafe color is: #ff3366.
-
- R 95
- G 13
- B 47
-
- C 0
- M 86
- Y 50
- K 5
● #f22178 color description : Vivid pink.
#f22178 Color Conversion
The hexadecimal color #f22178 has RGB values of R:242, G:33, B:120 and CMYK values of C:0, M:0.86, Y:0.5, K:0.05. Its decimal value is 15868280.
Hex triplet | f22178 | #f22178 |
---|---|---|
RGB Decimal | 242, 33, 120 | rgb(242,33,120) |
RGB Percent | 94.9, 12.9, 47.1 | rgb(94.9%,12.9%,47.1%) |
CMYK | 0, 86, 50, 5 | |
HSL | 335°, 88.9, 53.9 | hsl(335,88.9%,53.9%) |
HSV (or HSB) | 335°, 86.4, 94.9 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 53.304, 77.69, 6.278 |
---|---|
XYZ | 40.553, 21.326, 19.749 |
xyY | 0.497, 0.261, 21.326 |
CIE-LCH | 53.304, 77.943, 4.62 |
CIE-LUV | 53.304, 130.741, -7.633 |
Hunter-Lab | 46.18, 75.938, 6.97 |
Binary | 11110010, 00100001, 01111000 |
Color Schemes with #f22178
Alternatives to #f22178
Below, you can see some colors close to #f22178. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f22178 Preview
This text has a font color of #f22178.
<span style="color:#f22178;">Text here</span>
This paragraph has a background color of #f22178.
<p style="background-color:#f22178;">Content here</p>
This element has a border color of #f22178.
<div style="border:1px solid #f22178;">Content here</div>
.text {color:#f22178;}
.background {background-color:#f22178;}
.border {border:1px solid #f22178;}
Shades and Tints of #f22178
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 #feedf4 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#130109
#130109
rgb(19,1,9)
-
#250211
#250211
rgb(37,2,17)
-
#380319
#380319
rgb(56,3,25)
-
#4a0422
#4a0422
rgb(74,4,34)
-
#5d052a
#5d052a
rgb(93,5,42)
-
#700732
#700732
rgb(112,7,50)
-
#82083b
#82083b
rgb(130,8,59)
-
#950943
#950943
rgb(149,9,67)
-
#a70a4b
#a70a4b
rgb(167,10,75)
-
#ba0b54
#ba0b54
rgb(186,11,84)
-
#cc0c5c
#cc0c5c
rgb(204,12,92)
-
#df0d64
#df0d64
rgb(223,13,100)
-
#f10e6d
#f10e6d
rgb(241,14,109)
-
#f22178
#f22178
rgb(242,33,120)
-
#f33483
#f33483
rgb(243,52,131)
-
#f4468f
#f4468f
rgb(244,70,143)
-
#f5599a
#f5599a
rgb(245,89,154)
-
#f66ba5
#f66ba5
rgb(246,107,165)
-
#f77eb0
#f77eb0
rgb(247,126,176)
-
#f990bc
#f990bc
rgb(249,144,188)
-
#faa3c7
#faa3c7
rgb(250,163,199)
-
#fbb5d2
#fbb5d2
rgb(251,181,210)
-
#fcc8dd
#fcc8dd
rgb(252,200,221)
-
#fddae9
#fddae9
rgb(253,218,233)
-
#feedf4
#feedf4
rgb(254,237,244)
Tones of #f22178
A tone is produced by adding gray to any pure hue. In this case, #8f8489 is the less saturated color, while #fb1876 is the most saturated one.
-
#8f8489
#8f8489
rgb(143,132,137)
-
#987b87
#987b87
rgb(152,123,135)
-
#a17286
#a17286
rgb(161,114,134)
-
#aa6984
#aa6984
rgb(170,105,132)
-
#b36083
#b36083
rgb(179,96,131)
-
#bc5781
#bc5781
rgb(188,87,129)
-
#c54e80
#c54e80
rgb(197,78,128)
-
#ce457e
#ce457e
rgb(206,69,126)
-
#d73c7d
#d73c7d
rgb(215,60,125)
-
#e0337b
#e0337b
rgb(224,51,123)
-
#e92a7a
#e92a7a
rgb(233,42,122)
-
#f22178
#f22178
rgb(242,33,120)
-
#fb1876
#fb1876
rgb(251,24,118)
Color Blindness Simulator
Below, you can see how #f22178 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.