#f20f55 Color Information
In a RGB color space, hex #f20f55 is composed of 94.9% red, 5.9% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.8% magenta, 64.9% yellow and 5.1% black. It has a hue angle of 341.5 degrees, a saturation of 89.7% and a lightness of 50.4%. #f20f55 color hex could be obtained by blending #ff1eaa with #e50000. Closest websafe color is: #ff0066.
-
- R 95
- G 6
- B 33
-
- C 0
- M 94
- Y 65
- K 5
● #f20f55 color description : Vivid pink.
#f20f55 Color Conversion
The hexadecimal color #f20f55 has RGB values of R:242, G:15, B:85 and CMYK values of C:0, M:0.94, Y:0.65, K:0.05. Its decimal value is 15863637.
Hex triplet | f20f55 | #f20f55 |
---|---|---|
RGB Decimal | 242, 15, 85 | rgb(242,15,85) |
RGB Percent | 94.9, 5.9, 33.3 | rgb(94.9%,5.9%,33.3%) |
CMYK | 0, 94, 65, 5 | |
HSL | 341.5°, 89.7, 50.4 | hsl(341.5,89.7%,50.4%) |
HSV (or HSB) | 341.5°, 93.8, 94.9 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 51.701, 77.914, 25.281 |
---|---|
XYZ | 38.43, 19.88, 10.408 |
xyY | 0.559, 0.289, 19.88 |
CIE-LCH | 51.701, 81.912, 17.977 |
CIE-LUV | 51.701, 147.901, 12.133 |
Hunter-Lab | 44.587, 75.827, 17.371 |
Binary | 11110010, 00001111, 01010101 |
Color Schemes with #f20f55
Alternatives to #f20f55
Below, you can see some colors close to #f20f55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f20f55 Preview
This text has a font color of #f20f55.
<span style="color:#f20f55;">Text here</span>
This paragraph has a background color of #f20f55.
<p style="background-color:#f20f55;">Content here</p>
This element has a border color of #f20f55.
<div style="border:1px solid #f20f55;">Content here</div>
.text {color:#f20f55;}
.background {background-color:#f20f55;}
.border {border:1px solid #f20f55;}
Shades and Tints of #f20f55
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)
-
#27020e
#27020e
rgb(39,2,14)
-
#3a0314
#3a0314
rgb(58,3,20)
-
#4c041a
#4c041a
rgb(76,4,26)
-
#5f0521
#5f0521
rgb(95,5,33)
-
#720627
#720627
rgb(114,6,39)
-
#84072e
#84072e
rgb(132,7,46)
-
#970834
#970834
rgb(151,8,52)
-
#a9093b
#a9093b
rgb(169,9,59)
-
#bc0a41
#bc0a41
rgb(188,10,65)
-
#cf0b47
#cf0b47
rgb(207,11,71)
-
#e10c4e
#e10c4e
rgb(225,12,78)
-
#f20f55
#f20f55
rgb(242,15,85)
-
#f32262
#f32262
rgb(243,34,98)
-
#f4346f
#f4346f
rgb(244,52,111)
-
#f5477d
#f5477d
rgb(245,71,125)
-
#f6598a
#f6598a
rgb(246,89,138)
-
#f76c97
#f76c97
rgb(247,108,151)
-
#f87fa4
#f87fa4
rgb(248,127,164)
-
#f991b1
#f991b1
rgb(249,145,177)
-
#faa4be
#faa4be
rgb(250,164,190)
-
#fbb6cc
#fbb6cc
rgb(251,182,204)
-
#fcc9d9
#fcc9d9
rgb(252,201,217)
-
#fddce6
#fddce6
rgb(253,220,230)
-
#feeef3
#feeef3
rgb(254,238,243)
Tones of #f20f55
A tone is produced by adding gray to any pure hue. In this case, #877a7e is the less saturated color, while #fc0551 is the most saturated one.
-
#877a7e
#877a7e
rgb(135,122,126)
-
#91707a
#91707a
rgb(145,112,122)
-
#9a6777
#9a6777
rgb(154,103,119)
-
#a45d73
#a45d73
rgb(164,93,115)
-
#ae536f
#ae536f
rgb(174,83,111)
-
#b8496b
#b8496b
rgb(184,73,107)
-
#c14068
#c14068
rgb(193,64,104)
-
#cb3664
#cb3664
rgb(203,54,100)
-
#d52c60
#d52c60
rgb(213,44,96)
-
#df225c
#df225c
rgb(223,34,92)
-
#e81959
#e81959
rgb(232,25,89)
-
#f20f55
#f20f55
rgb(242,15,85)
-
#fc0551
#fc0551
rgb(252,5,81)
Color Blindness Simulator
Below, you can see how #f20f55 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.