#f53253 Color Information
In a RGB color space, hex #f53253 is composed of 96.1% red, 19.6% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.6% magenta, 66.1% yellow and 3.9% black. It has a hue angle of 349.8 degrees, a saturation of 90.7% and a lightness of 57.8%. #f53253 color hex could be obtained by blending #ff64a6 with #eb0000. Closest websafe color is: #ff3366.
-
- R 96
- G 20
- B 33
-
- C 0
- M 80
- Y 66
- K 4
● #f53253 color description : Bright red.
#f53253 Color Conversion
The hexadecimal color #f53253 has RGB values of R:245, G:50, B:83 and CMYK values of C:0, M:0.8, Y:0.66, K:0.04. Its decimal value is 16069203.
| Hex triplet | f53253 | #f53253 |
|---|---|---|
| RGB Decimal | 245, 50, 83 | rgb(245,50,83) |
| RGB Percent | 96.1, 19.6, 32.5 | rgb(96.1%,19.6%,32.5%) |
| CMYK | 0, 80, 66, 4 | |
| HSL | 349.8°, 90.7, 57.8 | hsl(349.8,90.7%,57.8%) |
| HSV (or HSB) | 349.8°, 79.6, 96.1 | |
| Web Safe | ff3366 | #ff3366 |
| CIE-LAB | 54.368, 72.504, 29.999 |
|---|---|
| XYZ | 40.36, 22.323, 10.367 |
| xyY | 0.552, 0.306, 22.323 |
| CIE-LCH | 54.368, 78.465, 22.478 |
| CIE-LUV | 54.368, 141, 18.473 |
| Hunter-Lab | 47.247, 69.797, 20.064 |
| Binary | 11110101, 00110010, 01010011 |
Color Schemes with #f53253
Alternatives to #f53253
Below, you can see some colors close to #f53253. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f53253 Preview
This text has a font color of #f53253.
<span style="color:#f53253;">Text here</span>
This paragraph has a background color of #f53253.
<p style="background-color:#f53253;">Content here</p>
This element has a border color of #f53253.
<div style="border:1px solid #f53253;">Content here</div>
.text {color:#f53253;}
.background {background-color:#f53253;}
.border {border:1px solid #f53253;}
Shades and Tints of #f53253
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, #010000 is the darkest color, while #feedf0 is the lightest one.
-
#010000
#010000rgb(1,0,0) -
#130104
#130104rgb(19,1,4) -
#260208
#260208rgb(38,2,8) -
#39030c
#39030crgb(57,3,12) -
#4c0410
#4c0410rgb(76,4,16) -
#5e0514
#5e0514rgb(94,5,20) -
#710618
#710618rgb(113,6,24) -
#84061c
#84061crgb(132,6,28) -
#960720
#960720rgb(150,7,32) -
#a90823
#a90823rgb(169,8,35) -
#bc0927
#bc0927rgb(188,9,39) -
#ce0a2b
#ce0a2brgb(206,10,43) -
#e10b2f
#e10b2frgb(225,11,47)
-
#f30d34
#f30d34rgb(243,13,52) -
#f41f43
#f41f43rgb(244,31,67) -
#f53253
#f53253rgb(245,50,83) -
#f64563
#f64563rgb(246,69,99) -
#f75772
#f75772rgb(247,87,114) -
#f86a82
#f86a82rgb(248,106,130) -
#f97d92
#f97d92rgb(249,125,146) -
#fa90a1
#fa90a1rgb(250,144,161) -
#faa2b1
#faa2b1rgb(250,162,177) -
#fbb5c1
#fbb5c1rgb(251,181,193) -
#fcc8d1
#fcc8d1rgb(252,200,209) -
#fddae0
#fddae0rgb(253,218,224) -
#feedf0
#feedf0rgb(254,237,240)
Tones of #f53253
A tone is produced by adding gray to any pure hue. In this case, #9a8d8f is the less saturated color, while #fd2a4e is the most saturated one.
-
#9a8d8f
#9a8d8frgb(154,141,143) -
#a2858a
#a2858argb(162,133,138) -
#ab7c84
#ab7c84rgb(171,124,132) -
#b3747f
#b3747frgb(179,116,127) -
#bb6c79
#bb6c79rgb(187,108,121) -
#c36474
#c36474rgb(195,100,116) -
#cc5b6e
#cc5b6ergb(204,91,110) -
#d45369
#d45369rgb(212,83,105) -
#dc4b63
#dc4b63rgb(220,75,99) -
#e4435e
#e4435ergb(228,67,94) -
#ed3a58
#ed3a58rgb(237,58,88) -
#f53253
#f53253rgb(245,50,83) -
#fd2a4e
#fd2a4ergb(253,42,78)
Color Blindness Simulator
Below, you can see how #f53253 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.
