#f53057 Color Information
In a RGB color space, hex #f53057 is composed of 96.1% red, 18.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.4% magenta, 64.5% yellow and 3.9% black. It has a hue angle of 348.1 degrees, a saturation of 90.8% and a lightness of 57.5%. #f53057 color hex could be obtained by blending #ff60ae with #eb0000. Closest websafe color is: #ff3366.
-
- R 96
- G 19
- B 34
-
- C 0
- M 80
- Y 64
- K 4
● #f53057 color description : Bright red.
#f53057 Color Conversion
The hexadecimal color #f53057 has RGB values of R:245, G:48, B:87 and CMYK values of C:0, M:0.8, Y:0.64, K:0.04. Its decimal value is 16068695.
Hex triplet | f53057 | #f53057 |
---|---|---|
RGB Decimal | 245, 48, 87 | rgb(245,48,87) |
RGB Percent | 96.1, 18.8, 34.1 | rgb(96.1%,18.8%,34.1%) |
CMYK | 0, 80, 64, 4 | |
HSL | 348.1°, 90.8, 57.5 | hsl(348.1,90.8%,57.5%) |
HSV (or HSB) | 348.1°, 80.4, 96.1 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 54.259, 73.208, 27.494 |
---|---|
XYZ | 40.435, 22.219, 11.176 |
xyY | 0.548, 0.301, 22.219 |
CIE-LCH | 54.259, 78.201, 20.584 |
CIE-LUV | 54.259, 140.587, 16.008 |
Hunter-Lab | 47.137, 70.63, 18.939 |
Binary | 11110101, 00110000, 01010111 |
Color Schemes with #f53057
Alternatives to #f53057
Below, you can see some colors close to #f53057. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f53057 Preview
This text has a font color of #f53057.
<span style="color:#f53057;">Text here</span>
This paragraph has a background color of #f53057.
<p style="background-color:#f53057;">Content here</p>
This element has a border color of #f53057.
<div style="border:1px solid #f53057;">Content here</div>
.text {color:#f53057;}
.background {background-color:#f53057;}
.border {border:1px solid #f53057;}
Shades and Tints of #f53057
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, #120104 is the darkest color, while #fffefe is the lightest one.
-
#120104
#120104
rgb(18,1,4)
-
#240209
#240209
rgb(36,2,9)
-
#37030d
#37030d
rgb(55,3,13)
-
#4a0411
#4a0411
rgb(74,4,17)
-
#5c0416
#5c0416
rgb(92,4,22)
-
#6f051a
#6f051a
rgb(111,5,26)
-
#82061f
#82061f
rgb(130,6,31)
-
#950723
#950723
rgb(149,7,35)
-
#a70828
#a70828
rgb(167,8,40)
-
#ba092c
#ba092c
rgb(186,9,44)
-
#cd0a30
#cd0a30
rgb(205,10,48)
-
#df0b35
#df0b35
rgb(223,11,53)
-
#f20c39
#f20c39
rgb(242,12,57)
-
#f41d48
#f41d48
rgb(244,29,72)
-
#f53057
#f53057
rgb(245,48,87)
-
#f64366
#f64366
rgb(246,67,102)
-
#f75575
#f75575
rgb(247,85,117)
-
#f86885
#f86885
rgb(248,104,133)
-
#f97b94
#f97b94
rgb(249,123,148)
-
#fa8ea3
#fa8ea3
rgb(250,142,163)
-
#faa0b2
#faa0b2
rgb(250,160,178)
-
#fbb3c1
#fbb3c1
rgb(251,179,193)
-
#fcc6d0
#fcc6d0
rgb(252,198,208)
-
#fdd8e0
#fdd8e0
rgb(253,216,224)
-
#feebef
#feebef
rgb(254,235,239)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #f53057
A tone is produced by adding gray to any pure hue. In this case, #998c8e is the less saturated color, while #fd2852 is the most saturated one.
-
#998c8e
#998c8e
rgb(153,140,142)
-
#a28389
#a28389
rgb(162,131,137)
-
#aa7b84
#aa7b84
rgb(170,123,132)
-
#b2737f
#b2737f
rgb(178,115,127)
-
#bb6a7a
#bb6a7a
rgb(187,106,122)
-
#c36275
#c36275
rgb(195,98,117)
-
#cb5a70
#cb5a70
rgb(203,90,112)
-
#d4516b
#d4516b
rgb(212,81,107)
-
#dc4966
#dc4966
rgb(220,73,102)
-
#e44161
#e44161
rgb(228,65,97)
-
#ed385c
#ed385c
rgb(237,56,92)
-
#f53057
#f53057
rgb(245,48,87)
-
#fd2852
#fd2852
rgb(253,40,82)
Color Blindness Simulator
Below, you can see how #f53057 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.