#f53031 Color Information
In a RGB color space, hex #f53031 is composed of 96.1% red, 18.8% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.4% magenta, 80% yellow and 3.9% black. It has a hue angle of 359.7 degrees, a saturation of 90.8% and a lightness of 57.5%. #f53031 color hex could be obtained by blending #ff6062 with #eb0000. Closest websafe color is: #ff3333.
-
- R 96
- G 19
- B 19
-
- C 0
- M 80
- Y 80
- K 4
● #f53031 color description : Bright red.
#f53031 Color Conversion
The hexadecimal color #f53031 has RGB values of R:245, G:48, B:49 and CMYK values of C:0, M:0.8, Y:0.8, K:0.04. Its decimal value is 16068657.
Hex triplet | f53031 | #f53031 |
---|---|---|
RGB Decimal | 245, 48, 49 | rgb(245,48,49) |
RGB Percent | 96.1, 18.8, 19.2 | rgb(96.1%,18.8%,19.2%) |
CMYK | 0, 80, 80, 4 | |
HSL | 359.7°, 90.8, 57.5 | hsl(359.7,90.8%,57.5%) |
HSV (or HSB) | 359.7°, 80.4, 96.1 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 53.764, 71.693, 48.488 |
---|---|
XYZ | 39.27, 21.753, 5.037 |
xyY | 0.594, 0.329, 21.753 |
CIE-LCH | 53.764, 86.55, 34.072 |
CIE-LUV | 53.764, 150.124, 32.118 |
Hunter-Lab | 46.64, 68.671, 26.245 |
Binary | 11110101, 00110000, 00110001 |
Color Schemes with #f53031
Alternatives to #f53031
Below, you can see some colors close to #f53031. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f53031 Preview
This text has a font color of #f53031.
<span style="color:#f53031;">Text here</span>
This paragraph has a background color of #f53031.
<p style="background-color:#f53031;">Content here</p>
This element has a border color of #f53031.
<div style="border:1px solid #f53031;">Content here</div>
.text {color:#f53031;}
.background {background-color:#f53031;}
.border {border:1px solid #f53031;}
Shades and Tints of #f53031
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, #120101 is the darkest color, while #fffefe is the lightest one.
-
#120101
#120101
rgb(18,1,1)
-
#240202
#240202
rgb(36,2,2)
-
#370303
#370303
rgb(55,3,3)
-
#4a0404
#4a0404
rgb(74,4,4)
-
#5c0405
#5c0405
rgb(92,4,5)
-
#6f0506
#6f0506
rgb(111,5,6)
-
#820607
#820607
rgb(130,6,7)
-
#950708
#950708
rgb(149,7,8)
-
#a70809
#a70809
rgb(167,8,9)
-
#ba090a
#ba090a
rgb(186,9,10)
-
#cd0a0b
#cd0a0b
rgb(205,10,11)
-
#df0b0c
#df0b0c
rgb(223,11,12)
-
#f20c0d
#f20c0d
rgb(242,12,13)
-
#f41d1e
#f41d1e
rgb(244,29,30)
-
#f53031
#f53031
rgb(245,48,49)
-
#f64344
#f64344
rgb(246,67,68)
-
#f75556
#f75556
rgb(247,85,86)
-
#f86869
#f86869
rgb(248,104,105)
-
#f97b7b
#f97b7b
rgb(249,123,123)
-
#fa8e8e
#fa8e8e
rgb(250,142,142)
-
#faa0a1
#faa0a1
rgb(250,160,161)
-
#fbb3b3
#fbb3b3
rgb(251,179,179)
-
#fcc6c6
#fcc6c6
rgb(252,198,198)
-
#fdd8d9
#fdd8d9
rgb(253,216,217)
-
#feebeb
#feebeb
rgb(254,235,235)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #f53031
A tone is produced by adding gray to any pure hue. In this case, #998c8c is the less saturated color, while #fd2829 is the most saturated one.
-
#998c8c
#998c8c
rgb(153,140,140)
-
#a28384
#a28384
rgb(162,131,132)
-
#aa7b7b
#aa7b7b
rgb(170,123,123)
-
#b27373
#b27373
rgb(178,115,115)
-
#bb6a6b
#bb6a6b
rgb(187,106,107)
-
#c36263
#c36263
rgb(195,98,99)
-
#cb5a5a
#cb5a5a
rgb(203,90,90)
-
#d45152
#d45152
rgb(212,81,82)
-
#dc494a
#dc494a
rgb(220,73,74)
-
#e44142
#e44142
rgb(228,65,66)
-
#ed3839
#ed3839
rgb(237,56,57)
-
#f53031
#f53031
rgb(245,48,49)
-
#fd2829
#fd2829
rgb(253,40,41)
Color Blindness Simulator
Below, you can see how #f53031 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.