#f20c54 Color Information
In a RGB color space, hex #f20c54 is composed of 94.9% red, 4.7% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 95% magenta, 65.3% yellow and 5.1% black. It has a hue angle of 341.2 degrees, a saturation of 90.6% and a lightness of 49.8%. #f20c54 color hex could be obtained by blending #ff18a8 with #e50000. Closest websafe color is: #ff0066.
-
- R 95
- G 5
- B 33
-
- C 0
- M 95
- Y 65
- K 5
● #f20c54 color description : Vivid pink.
#f20c54 Color Conversion
The hexadecimal color #f20c54 has RGB values of R:242, G:12, B:84 and CMYK values of C:0, M:0.95, Y:0.65, K:0.05. Its decimal value is 15862868.
Hex triplet | f20c54 | #f20c54 |
---|---|---|
RGB Decimal | 242, 12, 84 | rgb(242,12,84) |
RGB Percent | 94.9, 4.7, 32.9 | rgb(94.9%,4.7%,32.9%) |
CMYK | 0, 95, 65, 5 | |
HSL | 341.2°, 90.6, 49.8 | hsl(341.2,90.6%,49.8%) |
HSV (or HSB) | 341.2°, 95, 94.9 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 51.593, 78.124, 25.747 |
---|---|
XYZ | 38.351, 19.785, 10.187 |
xyY | 0.561, 0.29, 19.785 |
CIE-LCH | 51.593, 82.257, 18.241 |
CIE-LUV | 51.593, 148.67, 12.474 |
Hunter-Lab | 44.48, 76.064, 17.558 |
Binary | 11110010, 00001100, 01010100 |
Color Schemes with #f20c54
Alternatives to #f20c54
Below, you can see some colors close to #f20c54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f20c54 Preview
This text has a font color of #f20c54.
<span style="color:#f20c54;">Text here</span>
This paragraph has a background color of #f20c54.
<p style="background-color:#f20c54;">Content here</p>
This element has a border color of #f20c54.
<div style="border:1px solid #f20c54;">Content here</div>
.text {color:#f20c54;}
.background {background-color:#f20c54;}
.border {border:1px solid #f20c54;}
Shades and Tints of #f20c54
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, #120106 is the darkest color, while #fffefe is the lightest one.
-
#120106
#120106
rgb(18,1,6)
-
#24020d
#24020d
rgb(36,2,13)
-
#370313
#370313
rgb(55,3,19)
-
#4a041a
#4a041a
rgb(74,4,26)
-
#5c0520
#5c0520
rgb(92,5,32)
-
#6f0627
#6f0627
rgb(111,6,39)
-
#82062d
#82062d
rgb(130,6,45)
-
#950734
#950734
rgb(149,7,52)
-
#a7083a
#a7083a
rgb(167,8,58)
-
#ba0941
#ba0941
rgb(186,9,65)
-
#cd0a47
#cd0a47
rgb(205,10,71)
-
#df0b4e
#df0b4e
rgb(223,11,78)
-
#f20c54
#f20c54
rgb(242,12,84)
-
#f41e61
#f41e61
rgb(244,30,97)
-
#f5306e
#f5306e
rgb(245,48,110)
-
#f6437b
#f6437b
rgb(246,67,123)
-
#f75688
#f75688
rgb(247,86,136)
-
#f86995
#f86995
rgb(248,105,149)
-
#f87ba2
#f87ba2
rgb(248,123,162)
-
#f98eb0
#f98eb0
rgb(249,142,176)
-
#faa1bd
#faa1bd
rgb(250,161,189)
-
#fbb3ca
#fbb3ca
rgb(251,179,202)
-
#fcc6d7
#fcc6d7
rgb(252,198,215)
-
#fdd9e4
#fdd9e4
rgb(253,217,228)
-
#feebf1
#feebf1
rgb(254,235,241)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #f20c54
A tone is produced by adding gray to any pure hue. In this case, #87777c is the less saturated color, while #fc0250 is the most saturated one.
-
#87777c
#87777c
rgb(135,119,124)
-
#906e79
#906e79
rgb(144,110,121)
-
#9a6475
#9a6475
rgb(154,100,117)
-
#a45a71
#a45a71
rgb(164,90,113)
-
#ae506e
#ae506e
rgb(174,80,110)
-
#b7476a
#b7476a
rgb(183,71,106)
-
#c13d66
#c13d66
rgb(193,61,102)
-
#cb3363
#cb3363
rgb(203,51,99)
-
#d5295f
#d5295f
rgb(213,41,95)
-
#de205b
#de205b
rgb(222,32,91)
-
#e81658
#e81658
rgb(232,22,88)
-
#f20c54
#f20c54
rgb(242,12,84)
-
#fc0250
#fc0250
rgb(252,2,80)
Color Blindness Simulator
Below, you can see how #f20c54 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.