#f5353f Color Information
In a RGB color space, hex #f5353f is composed of 96.1% red, 20.8% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.4% magenta, 74.3% yellow and 3.9% black. It has a hue angle of 356.9 degrees, a saturation of 90.6% and a lightness of 58.4%. #f5353f color hex could be obtained by blending #ff6a7e with #eb0000. Closest websafe color is: #ff3333.
-
- R 96
- G 21
- B 25
-
- C 0
- M 78
- Y 74
- K 4
● #f5353f color description : Bright red.
#f5353f Color Conversion
The hexadecimal color #f5353f has RGB values of R:245, G:53, B:63 and CMYK values of C:0, M:0.78, Y:0.74, K:0.04. Its decimal value is 16069951.
Hex triplet | f5353f | #f5353f |
---|---|---|
RGB Decimal | 245, 53, 63 | rgb(245,53,63) |
RGB Percent | 96.1, 20.8, 24.7 | rgb(96.1%,20.8%,24.7%) |
CMYK | 0, 78, 74, 4 | |
HSL | 356.9°, 90.6, 58.4 | hsl(356.9,90.6%,58.4%) |
HSV (or HSB) | 356.9°, 78.4, 96.1 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 54.367, 70.85, 41.533 |
---|---|
XYZ | 39.828, 22.322, 6.914 |
xyY | 0.577, 0.323, 22.322 |
CIE-LCH | 54.367, 82.126, 30.379 |
CIE-LUV | 54.367, 144.939, 28.097 |
Hunter-Lab | 47.247, 67.792, 24.396 |
Binary | 11110101, 00110101, 00111111 |
Color Schemes with #f5353f
Alternatives to #f5353f
Below, you can see some colors close to #f5353f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5353f Preview
This text has a font color of #f5353f.
<span style="color:#f5353f;">Text here</span>
This paragraph has a background color of #f5353f.
<p style="background-color:#f5353f;">Content here</p>
This element has a border color of #f5353f.
<div style="border:1px solid #f5353f;">Content here</div>
.text {color:#f5353f;}
.background {background-color:#f5353f;}
.border {border:1px solid #f5353f;}
Shades and Tints of #f5353f
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, #040000 is the darkest color, while #fef0f1 is the lightest one.
-
#040000
#040000
rgb(4,0,0)
-
#160102
#160102
rgb(22,1,2)
-
#290204
#290204
rgb(41,2,4)
-
#3c0306
#3c0306
rgb(60,3,6)
-
#4e0408
#4e0408
rgb(78,4,8)
-
#61050a
#61050a
rgb(97,5,10)
-
#74060b
#74060b
rgb(116,6,11)
-
#86070d
#86070d
rgb(134,7,13)
-
#99080f
#99080f
rgb(153,8,15)
-
#ac0911
#ac0911
rgb(172,9,17)
-
#be0913
#be0913
rgb(190,9,19)
-
#d10a15
#d10a15
rgb(209,10,21)
-
#e40b17
#e40b17
rgb(228,11,23)
-
#f3101b
#f3101b
rgb(243,16,27)
-
#f4222d
#f4222d
rgb(244,34,45)
-
#f5353f
#f5353f
rgb(245,53,63)
-
#f64851
#f64851
rgb(246,72,81)
-
#f75a63
#f75a63
rgb(247,90,99)
-
#f86d74
#f86d74
rgb(248,109,116)
-
#f98086
#f98086
rgb(249,128,134)
-
#fa9298
#fa9298
rgb(250,146,152)
-
#fba5aa
#fba5aa
rgb(251,165,170)
-
#fbb8bb
#fbb8bb
rgb(251,184,187)
-
#fccbcd
#fccbcd
rgb(252,203,205)
-
#fddddf
#fddddf
rgb(253,221,223)
-
#fef0f1
#fef0f1
rgb(254,240,241)
Tones of #f5353f
A tone is produced by adding gray to any pure hue. In this case, #9b8f8f is the less saturated color, while #fd2d38 is the most saturated one.
-
#9b8f8f
#9b8f8f
rgb(155,143,143)
-
#a38788
#a38788
rgb(163,135,136)
-
#ac7e81
#ac7e81
rgb(172,126,129)
-
#b47679
#b47679
rgb(180,118,121)
-
#bc6e72
#bc6e72
rgb(188,110,114)
-
#c4666b
#c4666b
rgb(196,102,107)
-
#cc5e64
#cc5e64
rgb(204,94,100)
-
#d4565c
#d4565c
rgb(212,86,92)
-
#dd4d55
#dd4d55
rgb(221,77,85)
-
#e5454e
#e5454e
rgb(229,69,78)
-
#ed3d46
#ed3d46
rgb(237,61,70)
-
#f5353f
#f5353f
rgb(245,53,63)
-
#fd2d38
#fd2d38
rgb(253,45,56)
Color Blindness Simulator
Below, you can see how #f5353f 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.