#f5301f Color Information
In a RGB color space, hex #f5301f is composed of 96.1% red, 18.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.4% magenta, 87.3% yellow and 3.9% black. It has a hue angle of 4.8 degrees, a saturation of 91.5% and a lightness of 54.1%. #f5301f color hex could be obtained by blending #ff603e with #eb0000. Closest websafe color is: #ff3333.
-
- R 96
- G 19
- B 12
-
- C 0
- M 80
- Y 87
- K 4
● #f5301f color description : Vivid red.
#f5301f Color Conversion
The hexadecimal color #f5301f has RGB values of R:245, G:48, B:31 and CMYK values of C:0, M:0.8, Y:0.87, K:0.04. Its decimal value is 16068639.
Hex triplet | f5301f | #f5301f |
---|---|---|
RGB Decimal | 245, 48, 31 | rgb(245,48,31) |
RGB Percent | 96.1, 18.8, 12.2 | rgb(96.1%,18.8%,12.2%) |
CMYK | 0, 80, 87, 4 | |
HSL | 4.8°, 91.5, 54.1 | hsl(4.8,91.5%,54.1%) |
HSV (or HSB) | 4.8°, 87.3, 96.1 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 53.633, 71.286, 56.954 |
---|---|
XYZ | 38.963, 21.63, 3.42 |
xyY | 0.609, 0.338, 21.63 |
CIE-LCH | 53.633, 91.244, 38.623 |
CIE-LUV | 53.633, 152.854, 36.694 |
Hunter-Lab | 46.508, 68.149, 28.196 |
Binary | 11110101, 00110000, 00011111 |
Color Schemes with #f5301f
Alternatives to #f5301f
Below, you can see some colors close to #f5301f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f5301f Preview
This text has a font color of #f5301f.
<span style="color:#f5301f;">Text here</span>
This paragraph has a background color of #f5301f.
<p style="background-color:#f5301f;">Content here</p>
This element has a border color of #f5301f.
<div style="border:1px solid #f5301f;">Content here</div>
.text {color:#f5301f;}
.background {background-color:#f5301f;}
.border {border:1px solid #f5301f;}
Shades and Tints of #f5301f
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 #feefee is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#140201
#140201
rgb(20,2,1)
-
#270502
#270502
rgb(39,5,2)
-
#3a0703
#3a0703
rgb(58,7,3)
-
#4c0903
#4c0903
rgb(76,9,3)
-
#5f0b04
#5f0b04
rgb(95,11,4)
-
#720e05
#720e05
rgb(114,14,5)
-
#851006
#851006
rgb(133,16,6)
-
#981207
#981207
rgb(152,18,7)
-
#aa1508
#aa1508
rgb(170,21,8)
-
#bd1708
#bd1708
rgb(189,23,8)
-
#d01909
#d01909
rgb(208,25,9)
-
#e31b0a
#e31b0a
rgb(227,27,10)
-
#f41f0c
#f41f0c
rgb(244,31,12)
-
#f5301f
#f5301f
rgb(245,48,31)
-
#f64132
#f64132
rgb(246,65,50)
-
#f75345
#f75345
rgb(247,83,69)
-
#f86457
#f86457
rgb(248,100,87)
-
#f8756a
#f8756a
rgb(248,117,106)
-
#f9877d
#f9877d
rgb(249,135,125)
-
#fa9890
#fa9890
rgb(250,152,144)
-
#fba9a2
#fba9a2
rgb(251,169,162)
-
#fcbbb5
#fcbbb5
rgb(252,187,181)
-
#fdccc8
#fdccc8
rgb(253,204,200)
-
#fddedb
#fddedb
rgb(253,222,219)
-
#feefee
#feefee
rgb(254,239,238)
Tones of #f5301f
A tone is produced by adding gray to any pure hue. In this case, #928382 is the less saturated color, while #fe2816 is the most saturated one.
-
#928382
#928382
rgb(146,131,130)
-
#9b7c79
#9b7c79
rgb(155,124,121)
-
#a47470
#a47470
rgb(164,116,112)
-
#ad6d67
#ad6d67
rgb(173,109,103)
-
#b6655e
#b6655e
rgb(182,101,94)
-
#bf5d55
#bf5d55
rgb(191,93,85)
-
#c8564c
#c8564c
rgb(200,86,76)
-
#d14e43
#d14e43
rgb(209,78,67)
-
#da473a
#da473a
rgb(218,71,58)
-
#e33f31
#e33f31
rgb(227,63,49)
-
#ec3828
#ec3828
rgb(236,56,40)
-
#f5301f
#f5301f
rgb(245,48,31)
-
#fe2816
#fe2816
rgb(254,40,22)
Color Blindness Simulator
Below, you can see how #f5301f 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.