#f20f59 Color Information
In a RGB color space, hex #f20f59 is composed of 94.9% red, 5.9% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.8% magenta, 63.2% yellow and 5.1% black. It has a hue angle of 340.4 degrees, a saturation of 89.7% and a lightness of 50.4%. #f20f59 color hex could be obtained by blending #ff1eb2 with #e50000. Closest websafe color is: #ff0066.
-
- R 95
- G 6
- B 35
-
- C 0
- M 94
- Y 63
- K 5
● #f20f59 color description : Vivid pink.
#f20f59 Color Conversion
The hexadecimal color #f20f59 has RGB values of R:242, G:15, B:89 and CMYK values of C:0, M:0.94, Y:0.63, K:0.05. Its decimal value is 15863641.
Hex triplet | f20f59 | #f20f59 |
---|---|---|
RGB Decimal | 242, 15, 89 | rgb(242,15,89) |
RGB Percent | 94.9, 5.9, 34.9 | rgb(94.9%,5.9%,34.9%) |
CMYK | 0, 94, 63, 5 | |
HSL | 340.4°, 89.7, 50.4 | hsl(340.4,89.7%,50.4%) |
HSV (or HSB) | 340.4°, 93.8, 94.9 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 51.775, 78.117, 22.954 |
---|---|
XYZ | 38.594, 19.945, 11.268 |
xyY | 0.553, 0.286, 19.945 |
CIE-LCH | 51.775, 81.42, 16.375 |
CIE-LUV | 51.775, 146.476, 9.933 |
Hunter-Lab | 44.66, 76.1, 16.302 |
Binary | 11110010, 00001111, 01011001 |
Color Schemes with #f20f59
Alternatives to #f20f59
Below, you can see some colors close to #f20f59. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f20f59 Preview
This text has a font color of #f20f59.
<span style="color:#f20f59;">Text here</span>
This paragraph has a background color of #f20f59.
<p style="background-color:#f20f59;">Content here</p>
This element has a border color of #f20f59.
<div style="border:1px solid #f20f59;">Content here</div>
.text {color:#f20f59;}
.background {background-color:#f20f59;}
.border {border:1px solid #f20f59;}
Shades and Tints of #f20f59
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)
-
#3a0315
#3a0315
rgb(58,3,21)
-
#4c041c
#4c041c
rgb(76,4,28)
-
#5f0522
#5f0522
rgb(95,5,34)
-
#720629
#720629
rgb(114,6,41)
-
#840730
#840730
rgb(132,7,48)
-
#970837
#970837
rgb(151,8,55)
-
#a9093d
#a9093d
rgb(169,9,61)
-
#bc0a44
#bc0a44
rgb(188,10,68)
-
#cf0b4b
#cf0b4b
rgb(207,11,75)
-
#e10c52
#e10c52
rgb(225,12,82)
-
#f20f59
#f20f59
rgb(242,15,89)
-
#f32266
#f32266
rgb(243,34,102)
-
#f43473
#f43473
rgb(244,52,115)
-
#f54780
#f54780
rgb(245,71,128)
-
#f6598c
#f6598c
rgb(246,89,140)
-
#f76c99
#f76c99
rgb(247,108,153)
-
#f87fa6
#f87fa6
rgb(248,127,166)
-
#f991b3
#f991b3
rgb(249,145,179)
-
#faa4c0
#faa4c0
rgb(250,164,192)
-
#fbb6cd
#fbb6cd
rgb(251,182,205)
-
#fcc9da
#fcc9da
rgb(252,201,218)
-
#fddce7
#fddce7
rgb(253,220,231)
-
#feeef3
#feeef3
rgb(254,238,243)
Tones of #f20f59
A tone is produced by adding gray to any pure hue. In this case, #877a7e is the less saturated color, while #fc0556 is the most saturated one.
-
#877a7e
#877a7e
rgb(135,122,126)
-
#91707b
#91707b
rgb(145,112,123)
-
#9a6777
#9a6777
rgb(154,103,119)
-
#a45d74
#a45d74
rgb(164,93,116)
-
#ae5371
#ae5371
rgb(174,83,113)
-
#b8496d
#b8496d
rgb(184,73,109)
-
#c1406a
#c1406a
rgb(193,64,106)
-
#cb3667
#cb3667
rgb(203,54,103)
-
#d52c63
#d52c63
rgb(213,44,99)
-
#df2260
#df2260
rgb(223,34,96)
-
#e8195c
#e8195c
rgb(232,25,92)
-
#f20f59
#f20f59
rgb(242,15,89)
-
#fc0556
#fc0556
rgb(252,5,86)
Color Blindness Simulator
Below, you can see how #f20f59 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.