#f20f54 Color Information
In a RGB color space, hex #f20f54 is composed of 94.9% red, 5.9% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.8% magenta, 65.3% yellow and 5.1% black. It has a hue angle of 341.8 degrees, a saturation of 89.7% and a lightness of 50.4%. #f20f54 color hex could be obtained by blending #ff1ea8 with #e50000. Closest websafe color is: #ff0066.
-
- R 95
- G 6
- B 33
-
- C 0
- M 94
- Y 65
- K 5
● #f20f54 color description : Vivid pink.
#f20f54 Color Conversion
The hexadecimal color #f20f54 has RGB values of R:242, G:15, B:84 and CMYK values of C:0, M:0.94, Y:0.65, K:0.05. Its decimal value is 15863636.
Hex triplet | f20f54 | #f20f54 |
---|---|---|
RGB Decimal | 242, 15, 84 | rgb(242,15,84) |
RGB Percent | 94.9, 5.9, 32.9 | rgb(94.9%,5.9%,32.9%) |
CMYK | 0, 94, 65, 5 | |
HSL | 341.8°, 89.7, 50.4 | hsl(341.8,89.7%,50.4%) |
HSV (or HSB) | 341.8°, 93.8, 94.9 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 51.683, 77.864, 25.863 |
---|---|
XYZ | 38.391, 19.864, 10.2 |
xyY | 0.561, 0.29, 19.864 |
CIE-LCH | 51.683, 82.047, 18.374 |
CIE-LUV | 51.683, 148.249, 12.67 |
Hunter-Lab | 44.569, 75.761, 17.629 |
Binary | 11110010, 00001111, 01010100 |
Color Schemes with #f20f54
Alternatives to #f20f54
Below, you can see some colors close to #f20f54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f20f54 Preview
This text has a font color of #f20f54.
<span style="color:#f20f54;">Text here</span>
This paragraph has a background color of #f20f54.
<p style="background-color:#f20f54;">Content here</p>
This element has a border color of #f20f54.
<div style="border:1px solid #f20f54;">Content here</div>
.text {color:#f20f54;}
.background {background-color:#f20f54;}
.border {border:1px solid #f20f54;}
Shades and Tints of #f20f54
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, #020001 is the darkest color, while #feeef3 is the lightest one.
-
#020001
#020001
rgb(2,0,1)
-
#150107
#150107
rgb(21,1,7)
-
#27020d
#27020d
rgb(39,2,13)
-
#3a0314
#3a0314
rgb(58,3,20)
-
#4c041a
#4c041a
rgb(76,4,26)
-
#5f0520
#5f0520
rgb(95,5,32)
-
#720627
#720627
rgb(114,6,39)
-
#84072d
#84072d
rgb(132,7,45)
-
#970834
#970834
rgb(151,8,52)
-
#a9093a
#a9093a
rgb(169,9,58)
-
#bc0a40
#bc0a40
rgb(188,10,64)
-
#cf0b47
#cf0b47
rgb(207,11,71)
-
#e10c4d
#e10c4d
rgb(225,12,77)
-
#f20f54
#f20f54
rgb(242,15,84)
-
#f32261
#f32261
rgb(243,34,97)
-
#f4346f
#f4346f
rgb(244,52,111)
-
#f5477c
#f5477c
rgb(245,71,124)
-
#f65989
#f65989
rgb(246,89,137)
-
#f76c96
#f76c96
rgb(247,108,150)
-
#f87fa4
#f87fa4
rgb(248,127,164)
-
#f991b1
#f991b1
rgb(249,145,177)
-
#faa4be
#faa4be
rgb(250,164,190)
-
#fbb6cb
#fbb6cb
rgb(251,182,203)
-
#fcc9d9
#fcc9d9
rgb(252,201,217)
-
#fddce6
#fddce6
rgb(253,220,230)
-
#feeef3
#feeef3
rgb(254,238,243)
Tones of #f20f54
A tone is produced by adding gray to any pure hue. In this case, #877a7e is the less saturated color, while #fc0550 is the most saturated one.
-
#877a7e
#877a7e
rgb(135,122,126)
-
#91707a
#91707a
rgb(145,112,122)
-
#9a6776
#9a6776
rgb(154,103,118)
-
#a45d73
#a45d73
rgb(164,93,115)
-
#ae536f
#ae536f
rgb(174,83,111)
-
#b8496b
#b8496b
rgb(184,73,107)
-
#c14067
#c14067
rgb(193,64,103)
-
#cb3663
#cb3663
rgb(203,54,99)
-
#d52c5f
#d52c5f
rgb(213,44,95)
-
#df225c
#df225c
rgb(223,34,92)
-
#e81958
#e81958
rgb(232,25,88)
-
#f20f54
#f20f54
rgb(242,15,84)
-
#fc0550
#fc0550
rgb(252,5,80)
Color Blindness Simulator
Below, you can see how #f20f54 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.