#f53056 Color Information
In a RGB color space, hex #f53056 is composed of 96.1% red, 18.8% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.4% magenta, 64.9% yellow and 3.9% black. It has a hue angle of 348.4 degrees, a saturation of 90.8% and a lightness of 57.5%. #f53056 color hex could be obtained by blending #ff60ac with #eb0000. Closest websafe color is: #ff3366.
-
- R 96
- G 19
- B 34
-
- C 0
- M 80
- Y 65
- K 4
● #f53056 color description : Bright red.
#f53056 Color Conversion
The hexadecimal color #f53056 has RGB values of R:245, G:48, B:86 and CMYK values of C:0, M:0.8, Y:0.65, K:0.04. Its decimal value is 16068694.
Hex triplet | f53056 | #f53056 |
---|---|---|
RGB Decimal | 245, 48, 86 | rgb(245,48,86) |
RGB Percent | 96.1, 18.8, 33.7 | rgb(96.1%,18.8%,33.7%) |
CMYK | 0, 80, 65, 4 | |
HSL | 348.4°, 90.8, 57.5 | hsl(348.4,90.8%,57.5%) |
HSV (or HSB) | 348.4°, 80.4, 96.1 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 54.242, 73.156, 28.065 |
---|---|
XYZ | 40.395, 22.203, 10.962 |
xyY | 0.549, 0.302, 22.203 |
CIE-LCH | 54.242, 78.355, 20.989 |
CIE-LUV | 54.242, 140.899, 16.538 |
Hunter-Lab | 47.12, 70.562, 19.191 |
Binary | 11110101, 00110000, 01010110 |
Color Schemes with #f53056
Alternatives to #f53056
Below, you can see some colors close to #f53056. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f53056 Preview
This text has a font color of #f53056.
<span style="color:#f53056;">Text here</span>
This paragraph has a background color of #f53056.
<p style="background-color:#f53056;">Content here</p>
This element has a border color of #f53056.
<div style="border:1px solid #f53056;">Content here</div>
.text {color:#f53056;}
.background {background-color:#f53056;}
.border {border:1px solid #f53056;}
Shades and Tints of #f53056
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)
-
#240208
#240208
rgb(36,2,8)
-
#37030d
#37030d
rgb(55,3,13)
-
#4a0411
#4a0411
rgb(74,4,17)
-
#5c0415
#5c0415
rgb(92,4,21)
-
#6f051a
#6f051a
rgb(111,5,26)
-
#82061e
#82061e
rgb(130,6,30)
-
#950722
#950722
rgb(149,7,34)
-
#a70827
#a70827
rgb(167,8,39)
-
#ba092b
#ba092b
rgb(186,9,43)
-
#cd0a2f
#cd0a2f
rgb(205,10,47)
-
#df0b34
#df0b34
rgb(223,11,52)
-
#f20c38
#f20c38
rgb(242,12,56)
-
#f41d47
#f41d47
rgb(244,29,71)
-
#f53056
#f53056
rgb(245,48,86)
-
#f64365
#f64365
rgb(246,67,101)
-
#f75575
#f75575
rgb(247,85,117)
-
#f86884
#f86884
rgb(248,104,132)
-
#f97b93
#f97b93
rgb(249,123,147)
-
#fa8ea2
#fa8ea2
rgb(250,142,162)
-
#faa0b2
#faa0b2
rgb(250,160,178)
-
#fbb3c1
#fbb3c1
rgb(251,179,193)
-
#fcc6d0
#fcc6d0
rgb(252,198,208)
-
#fdd8df
#fdd8df
rgb(253,216,223)
-
#feebef
#feebef
rgb(254,235,239)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #f53056
A tone is produced by adding gray to any pure hue. In this case, #998c8e is the less saturated color, while #fd2851 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)
-
#dc4965
#dc4965
rgb(220,73,101)
-
#e44160
#e44160
rgb(228,65,96)
-
#ed385b
#ed385b
rgb(237,56,91)
-
#f53056
#f53056
rgb(245,48,86)
-
#fd2851
#fd2851
rgb(253,40,81)
Color Blindness Simulator
Below, you can see how #f53056 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.