#f50301 Color Information
In a RGB color space, hex #f50301 is composed of 96.1% red, 1.2% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.8% magenta, 99.6% yellow and 3.9% black. It has a hue angle of 0.5 degrees, a saturation of 99.2% and a lightness of 48.2%. #f50301 color hex could be obtained by blending #ff0602 with #eb0000. Closest websafe color is: #ff0000.
-
- R 96
- G 1
- B 0
-
- C 0
- M 99
- Y 100
- K 4
● #f50301 color description : Vivid red.
#f50301 Color Conversion
The hexadecimal color #f50301 has RGB values of R:245, G:3, B:1 and CMYK values of C:0, M:0.99, Y:1, K:0.04. Its decimal value is 16057089.
Hex triplet | f50301 | #f50301 |
---|---|---|
RGB Decimal | 245, 3, 1 | rgb(245,3,1) |
RGB Percent | 96.1, 1.2, 0.4 | rgb(96.1%,1.2%,0.4%) |
CMYK | 0, 99, 100, 4 | |
HSL | 0.5°, 99.2, 48.2 | hsl(0.5,99.2%,48.2%) |
HSV (or HSB) | 0.5°, 99.6, 96.1 | |
Web Safe | ff0000 | #ff0000 |
CIE-LAB | 51.25, 77.489, 64.952 |
---|---|
XYZ | 37.696, 19.485, 1.805 |
xyY | 0.639, 0.33, 19.485 |
CIE-LCH | 51.25, 101.111, 39.97 |
CIE-LUV | 51.25, 167.728, 36.336 |
Hunter-Lab | 44.142, 75.189, 28.475 |
Binary | 11110101, 00000011, 00000001 |
Color Schemes with #f50301
Alternatives to #f50301
Below, you can see some colors close to #f50301. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f50301 Preview
This text has a font color of #f50301.
<span style="color:#f50301;">Text here</span>
This paragraph has a background color of #f50301.
<p style="background-color:#f50301;">Content here</p>
This element has a border color of #f50301.
<div style="border:1px solid #f50301;">Content here</div>
.text {color:#f50301;}
.background {background-color:#f50301;}
.border {border:1px solid #f50301;}
Shades and Tints of #f50301
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, #0b0000 is the darkest color, while #fff6f6 is the lightest one.
-
#0b0000
#0b0000
rgb(11,0,0)
-
#1e0000
#1e0000
rgb(30,0,0)
-
#320100
#320100
rgb(50,1,0)
-
#450100
#450100
rgb(69,1,0)
-
#590100
#590100
rgb(89,1,0)
-
#6c0100
#6c0100
rgb(108,1,0)
-
#800201
#800201
rgb(128,2,1)
-
#930201
#930201
rgb(147,2,1)
-
#a70201
#a70201
rgb(167,2,1)
-
#ba0201
#ba0201
rgb(186,2,1)
-
#ce0301
#ce0301
rgb(206,3,1)
-
#e10301
#e10301
rgb(225,3,1)
-
#f50301
#f50301
rgb(245,3,1)
-
#fe0e0c
#fe0e0c
rgb(254,14,12)
-
#fe211f
#fe211f
rgb(254,33,31)
-
#fe3433
#fe3433
rgb(254,52,51)
-
#fe4846
#fe4846
rgb(254,72,70)
-
#fe5b5a
#fe5b5a
rgb(254,91,90)
-
#fe6e6d
#fe6e6d
rgb(254,110,109)
-
#fe8281
#fe8281
rgb(254,130,129)
-
#ff9594
#ff9594
rgb(255,149,148)
-
#ffa9a8
#ffa9a8
rgb(255,169,168)
-
#ffbcbb
#ffbcbb
rgb(255,188,187)
-
#ffcfcf
#ffcfcf
rgb(255,207,207)
-
#ffe3e3
#ffe3e3
rgb(255,227,227)
-
#fff6f6
#fff6f6
rgb(255,246,246)
Tones of #f50301
A tone is produced by adding gray to any pure hue. In this case, #837373 is the less saturated color, while #f50301 is the most saturated one.
-
#837373
#837373
rgb(131,115,115)
-
#8d6969
#8d6969
rgb(141,105,105)
-
#966060
#966060
rgb(150,96,96)
-
#a05756
#a05756
rgb(160,87,86)
-
#a94d4d
#a94d4d
rgb(169,77,77)
-
#b34443
#b34443
rgb(179,68,67)
-
#bc3b3a
#bc3b3a
rgb(188,59,58)
-
#c63230
#c63230
rgb(198,50,48)
-
#cf2827
#cf2827
rgb(207,40,39)
-
#d91f1d
#d91f1d
rgb(217,31,29)
-
#e21614
#e21614
rgb(226,22,20)
-
#ec0c0a
#ec0c0a
rgb(236,12,10)
-
#f50301
#f50301
rgb(245,3,1)
Color Blindness Simulator
Below, you can see how #f50301 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.