#f51331 Color Information
In a RGB color space, hex #f51331 is composed of 96.1% red, 7.5% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.2% magenta, 80% yellow and 3.9% black. It has a hue angle of 352 degrees, a saturation of 91.9% and a lightness of 51.8%. #f51331 color hex could be obtained by blending #ff2662 with #eb0000. Closest websafe color is: #ff0033.
-
- R 96
- G 7
- B 19
-
- C 0
- M 92
- Y 80
- K 4
● #f51331 color description : Vivid red.
#f51331 Color Conversion
The hexadecimal color #f51331 has RGB values of R:245, G:19, B:49 and CMYK values of C:0, M:0.92, Y:0.8, K:0.04. Its decimal value is 16061233.
| Hex triplet | f51331 | #f51331 |
|---|---|---|
| RGB Decimal | 245, 19, 49 | rgb(245,19,49) |
| RGB Percent | 96.1, 7.5, 19.2 | rgb(96.1%,7.5%,19.2%) |
| CMYK | 0, 92, 80, 4 | |
| HSL | 352°, 91.9, 51.8 | hsl(352,91.9%,51.8%) |
| HSV (or HSB) | 352°, 92.2, 96.1 | |
| Web Safe | ff0033 | #ff0033 |
| CIE-LAB | 51.956, 76.864, 46.7 |
|---|---|
| XYZ | 38.446, 20.105, 4.762 |
| xyY | 0.607, 0.318, 20.105 |
| CIE-LCH | 51.956, 89.938, 31.282 |
| CIE-LUV | 51.956, 159.533, 28.615 |
| Hunter-Lab | 44.839, 74.582, 25.09 |
| Binary | 11110101, 00010011, 00110001 |
Color Schemes with #f51331
Alternatives to #f51331
Below, you can see some colors close to #f51331. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f51331 Preview
This text has a font color of #f51331.
<span style="color:#f51331;">Text here</span>
This paragraph has a background color of #f51331.
<p style="background-color:#f51331;">Content here</p>
This element has a border color of #f51331.
<div style="border:1px solid #f51331;">Content here</div>
.text {color:#f51331;}
.background {background-color:#f51331;}
.border {border:1px solid #f51331;}
Shades and Tints of #f51331
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, #090001 is the darkest color, while #fff5f6 is the lightest one.
-
#090001
#090001rgb(9,0,1) -
#1b0105
#1b0105rgb(27,1,5) -
#2e0208
#2e0208rgb(46,2,8) -
#41030b
#41030brgb(65,3,11) -
#54040e
#54040ergb(84,4,14) -
#670411
#670411rgb(103,4,17) -
#7a0515
#7a0515rgb(122,5,21) -
#8c0618
#8c0618rgb(140,6,24) -
#9f071b
#9f071brgb(159,7,27) -
#b2081e
#b2081ergb(178,8,30) -
#c50821
#c50821rgb(197,8,33) -
#d80925
#d80925rgb(216,9,37) -
#ea0a28
#ea0a28rgb(234,10,40)
-
#f51331
#f51331rgb(245,19,49) -
#f62641
#f62641rgb(246,38,65) -
#f73952
#f73952rgb(247,57,82) -
#f74b62
#f74b62rgb(247,75,98) -
#f85e73
#f85e73rgb(248,94,115) -
#f97183
#f97183rgb(249,113,131) -
#fa8494
#fa8494rgb(250,132,148) -
#fb97a4
#fb97a4rgb(251,151,164) -
#fbaab4
#fbaab4rgb(251,170,180) -
#fcbcc5
#fcbcc5rgb(252,188,197) -
#fdcfd5
#fdcfd5rgb(253,207,213) -
#fee2e6
#fee2e6rgb(254,226,230) -
#fff5f6
#fff5f6rgb(255,245,246)
Tones of #f51331
A tone is produced by adding gray to any pure hue. In this case, #8d7b7d is the less saturated color, while #fe0a2a is the most saturated one.
-
#8d7b7d
#8d7b7drgb(141,123,125) -
#967276
#967276rgb(150,114,118) -
#a06870
#a06870rgb(160,104,112) -
#a95f69
#a95f69rgb(169,95,105) -
#b35562
#b35562rgb(179,85,98) -
#bc4c5b
#bc4c5brgb(188,76,91) -
#c64254
#c64254rgb(198,66,84) -
#cf394d
#cf394drgb(207,57,77) -
#d92f46
#d92f46rgb(217,47,70) -
#e2263f
#e2263frgb(226,38,63) -
#ec1c38
#ec1c38rgb(236,28,56) -
#f51331
#f51331rgb(245,19,49) -
#fe0a2a
#fe0a2argb(254,10,42)
Color Blindness Simulator
Below, you can see how #f51331 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.
