#f50057 Color Information
In a RGB color space, hex #f50057 is composed of 96.1% red, 0% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 64.5% yellow and 3.9% black. It has a hue angle of 338.7 degrees, a saturation of 100% and a lightness of 48%. #f50057 color hex could be obtained by blending #ff00ae with #eb0000. Closest websafe color is: #ff0066.
-
- R 96
- G 0
- B 34
-
- C 0
- M 100
- Y 64
- K 4
● #f50057 color description : Pure (or mostly pure) pink.
#f50057 Color Conversion
The hexadecimal color #f50057 has RGB values of R:245, G:0, B:87 and CMYK values of C:0, M:1, Y:0.64, K:0.04. Its decimal value is 16056407.
Hex triplet | f50057 | #f50057 |
---|---|---|
RGB Decimal | 245, 0, 87 | rgb(245,0,87) |
RGB Percent | 96.1, 0, 34.1 | rgb(96.1%,0%,34.1%) |
CMYK | 0, 100, 64, 4 | |
HSL | 338.7°, 100, 48 | hsl(338.7,100%,48%) |
HSV (or HSB) | 338.7°, 100, 96.1 | |
Web Safe | ff0066 | #ff0066 |
CIE-LAB | 51.956, 79.828, 24.518 |
---|---|
XYZ | 39.378, 20.106, 10.824 |
xyY | 0.56, 0.286, 20.106 |
CIE-LCH | 51.956, 83.508, 17.074 |
CIE-LUV | 51.956, 151.269, 10.957 |
Hunter-Lab | 44.839, 78.292, 17.076 |
Binary | 11110101, 00000000, 01010111 |
Color Schemes with #f50057
Alternatives to #f50057
Below, you can see some colors close to #f50057. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f50057 Preview
This text has a font color of #f50057.
<span style="color:#f50057;">Text here</span>
This paragraph has a background color of #f50057.
<p style="background-color:#f50057;">Content here</p>
This element has a border color of #f50057.
<div style="border:1px solid #f50057;">Content here</div>
.text {color:#f50057;}
.background {background-color:#f50057;}
.border {border:1px solid #f50057;}
Shades and Tints of #f50057
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, #0a0003 is the darkest color, while #fff5f9 is the lightest one.
-
#0a0003
#0a0003
rgb(10,0,3)
-
#1d000a
#1d000a
rgb(29,0,10)
-
#310011
#310011
rgb(49,0,17)
-
#440018
#440018
rgb(68,0,24)
-
#58001f
#58001f
rgb(88,0,31)
-
#6c0026
#6c0026
rgb(108,0,38)
-
#7f002d
#7f002d
rgb(127,0,45)
-
#930034
#930034
rgb(147,0,52)
-
#a7003b
#a7003b
rgb(167,0,59)
-
#ba0042
#ba0042
rgb(186,0,66)
-
#ce0049
#ce0049
rgb(206,0,73)
-
#e10050
#e10050
rgb(225,0,80)
-
#f50057
#f50057
rgb(245,0,87)
-
#ff0a61
#ff0a61
rgb(255,10,97)
-
#ff1d6d
#ff1d6d
rgb(255,29,109)
-
#ff317a
#ff317a
rgb(255,49,122)
-
#ff4487
#ff4487
rgb(255,68,135)
-
#ff5893
#ff5893
rgb(255,88,147)
-
#ff6ca0
#ff6ca0
rgb(255,108,160)
-
#ff7fad
#ff7fad
rgb(255,127,173)
-
#ff93b9
#ff93b9
rgb(255,147,185)
-
#ffa7c6
#ffa7c6
rgb(255,167,198)
-
#ffbad3
#ffbad3
rgb(255,186,211)
-
#ffcedf
#ffcedf
rgb(255,206,223)
-
#ffe1ec
#ffe1ec
rgb(255,225,236)
-
#fff5f9
#fff5f9
rgb(255,245,249)
Tones of #f50057
A tone is produced by adding gray to any pure hue. In this case, #847178 is the less saturated color, while #f50057 is the most saturated one.
-
#847178
#847178
rgb(132,113,120)
-
#8d6875
#8d6875
rgb(141,104,117)
-
#975e72
#975e72
rgb(151,94,114)
-
#a05570
#a05570
rgb(160,85,112)
-
#aa4b6d
#aa4b6d
rgb(170,75,109)
-
#b3426a
#b3426a
rgb(179,66,106)
-
#bc3967
#bc3967
rgb(188,57,103)
-
#c62f65
#c62f65
rgb(198,47,101)
-
#cf2662
#cf2662
rgb(207,38,98)
-
#d91c5f
#d91c5f
rgb(217,28,95)
-
#e2135c
#e2135c
rgb(226,19,92)
-
#ec095a
#ec095a
rgb(236,9,90)
-
#f50057
#f50057
rgb(245,0,87)
Color Blindness Simulator
Below, you can see how #f50057 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.