#f20558 Color Information
In a RGB color space, hex #f20558 is composed of 94.9% red, 2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 97.9% magenta, 63.6% yellow and 5.1% black. It has a hue angle of 339 degrees, a saturation of 96% and a lightness of 48.4%. #f20558 color hex could be obtained by blending #ff0ab0 with #e50000. Closest websafe color is: #ff0066.
-
- R 95
- G 2
- B 35
-
- C 0
- M 98
- Y 64
- K 5
● #f20558 color description : Vivid pink.
#f20558 Color Conversion
The hexadecimal color #f20558 has RGB values of R:242, G:5, B:88 and CMYK values of C:0, M:0.98, Y:0.64, K:0.05. Its decimal value is 15861080.
Hex triplet | f20558 | #f20558 |
---|---|---|
RGB Decimal | 242, 5, 88 | rgb(242,5,88) |
RGB Percent | 94.9, 2, 34.5 | rgb(94.9%,2%,34.5%) |
CMYK | 0, 98, 64, 5 | |
HSL | 339°, 96, 48.4 | hsl(339,96%,48.4%) |
HSV (or HSB) | 339°, 97.9, 94.9 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 51.491, 78.835, 23.188 |
---|---|
XYZ | 38.435, 19.695, 11.01 |
xyY | 0.556, 0.285, 19.695 |
CIE-LCH | 51.491, 82.175, 16.39 |
CIE-LUV | 51.491, 148.065, 9.902 |
Hunter-Lab | 44.379, 76.929, 16.357 |
Binary | 11110010, 00000101, 01011000 |
Color Schemes with #f20558
Alternatives to #f20558
Below, you can see some colors close to #f20558. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f20558 Preview
This text has a font color of #f20558.
<span style="color:#f20558;">Text here</span>
This paragraph has a background color of #f20558.
<p style="background-color:#f20558;">Content here</p>
This element has a border color of #f20558.
<div style="border:1px solid #f20558;">Content here</div>
.text {color:#f20558;}
.background {background-color:#f20558;}
.border {border:1px solid #f20558;}
Shades and Tints of #f20558
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, #0b0004 is the darkest color, while #fff7fa is the lightest one.
-
#0b0004
#0b0004
rgb(11,0,4)
-
#1f010b
#1f010b
rgb(31,1,11)
-
#320112
#320112
rgb(50,1,18)
-
#450119
#450119
rgb(69,1,25)
-
#580220
#580220
rgb(88,2,32)
-
#6b0227
#6b0227
rgb(107,2,39)
-
#7f032e
#7f032e
rgb(127,3,46)
-
#920335
#920335
rgb(146,3,53)
-
#a5033c
#a5033c
rgb(165,3,60)
-
#b80443
#b80443
rgb(184,4,67)
-
#cc044a
#cc044a
rgb(204,4,74)
-
#df0551
#df0551
rgb(223,5,81)
-
#f20558
#f20558
rgb(242,5,88)
-
#fa1162
#fa1162
rgb(250,17,98)
-
#fa246f
#fa246f
rgb(250,36,111)
-
#fb377c
#fb377c
rgb(251,55,124)
-
#fb4a88
#fb4a88
rgb(251,74,136)
-
#fc5d95
#fc5d95
rgb(252,93,149)
-
#fc71a1
#fc71a1
rgb(252,113,161)
-
#fc84ae
#fc84ae
rgb(252,132,174)
-
#fd97bb
#fd97bb
rgb(253,151,187)
-
#fdaac7
#fdaac7
rgb(253,170,199)
-
#febed4
#febed4
rgb(254,190,212)
-
#fed1e1
#fed1e1
rgb(254,209,225)
-
#fee4ed
#fee4ed
rgb(254,228,237)
-
#fff7fa
#fff7fa
rgb(255,247,250)
Tones of #f20558
A tone is produced by adding gray to any pure hue. In this case, #80777a is the less saturated color, while #f20558 is the most saturated one.
-
#80777a
#80777a
rgb(128,119,122)
-
#8a6e77
#8a6e77
rgb(138,110,119)
-
#936474
#936474
rgb(147,100,116)
-
#9d5b72
#9d5b72
rgb(157,91,114)
-
#a6516f
#a6516f
rgb(166,81,111)
-
#b0486c
#b0486c
rgb(176,72,108)
-
#b93e69
#b93e69
rgb(185,62,105)
-
#c33566
#c33566
rgb(195,53,102)
-
#cc2b63
#cc2b63
rgb(204,43,99)
-
#d62261
#d62261
rgb(214,34,97)
-
#df185e
#df185e
rgb(223,24,94)
-
#e90f5b
#e90f5b
rgb(233,15,91)
-
#f20558
#f20558
rgb(242,5,88)
Color Blindness Simulator
Below, you can see how #f20558 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.