#f45031 Color Information
In a RGB color space, hex #f45031 is composed of 95.7% red, 31.4% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.2% magenta, 79.9% yellow and 4.3% black. It has a hue angle of 9.5 degrees, a saturation of 89.9% and a lightness of 57.5%. #f45031 color hex could be obtained by blending #ffa062 with #e90000. Closest websafe color is: #ff6633.
-
- R 96
- G 31
- B 19
-
- C 0
- M 67
- Y 80
- K 4
● #f45031 color description : Bright red.
#f45031 Color Conversion
The hexadecimal color #f45031 has RGB values of R:244, G:80, B:49 and CMYK values of C:0, M:0.67, Y:0.8, K:0.04. Its decimal value is 16011313.
Hex triplet | f45031 | #f45031 |
---|---|---|
RGB Decimal | 244, 80, 49 | rgb(244,80,49) |
RGB Percent | 95.7, 31.4, 19.2 | rgb(95.7%,31.4%,19.2%) |
CMYK | 0, 67, 80, 4 | |
HSL | 9.5°, 89.9, 57.5 | hsl(9.5,89.9%,57.5%) |
HSV (or HSB) | 9.5°, 79.9, 95.7 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.267, 61.165, 51.838 |
---|---|
XYZ | 40.733, 25.197, 5.624 |
xyY | 0.569, 0.352, 25.197 |
CIE-LCH | 57.267, 80.177, 40.281 |
CIE-LUV | 57.267, 131.203, 38.943 |
Hunter-Lab | 50.196, 57.004, 28.494 |
Binary | 11110100, 01010000, 00110001 |
Color Schemes with #f45031
Alternatives to #f45031
Below, you can see some colors close to #f45031. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f45031 Preview
This text has a font color of #f45031.
<span style="color:#f45031;">Text here</span>
This paragraph has a background color of #f45031.
<p style="background-color:#f45031;">Content here</p>
This element has a border color of #f45031.
<div style="border:1px solid #f45031;">Content here</div>
.text {color:#f45031;}
.background {background-color:#f45031;}
.border {border:1px solid #f45031;}
Shades and Tints of #f45031
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, #110401 is the darkest color, while #fffefe is the lightest one.
-
#110401
#110401
rgb(17,4,1)
-
#240702
#240702
rgb(36,7,2)
-
#370b03
#370b03
rgb(55,11,3)
-
#490f04
#490f04
rgb(73,15,4)
-
#5c1305
#5c1305
rgb(92,19,5)
-
#6f1706
#6f1706
rgb(111,23,6)
-
#811a07
#811a07
rgb(129,26,7)
-
#941e08
#941e08
rgb(148,30,8)
-
#a62209
#a62209
rgb(166,34,9)
-
#b9260a
#b9260a
rgb(185,38,10)
-
#cc2a0b
#cc2a0b
rgb(204,42,11)
-
#de2d0c
#de2d0c
rgb(222,45,12)
-
#f1310d
#f1310d
rgb(241,49,13)
-
#f3401e
#f3401e
rgb(243,64,30)
-
#f45031
#f45031
rgb(244,80,49)
-
#f56044
#f56044
rgb(245,96,68)
-
#f67056
#f67056
rgb(246,112,86)
-
#f77f69
#f77f69
rgb(247,127,105)
-
#f88f7b
#f88f7b
rgb(248,143,123)
-
#f99f8e
#f99f8e
rgb(249,159,142)
-
#faafa1
#faafa1
rgb(250,175,161)
-
#fbbfb3
#fbbfb3
rgb(251,191,179)
-
#fccfc6
#fccfc6
rgb(252,207,198)
-
#fdded9
#fdded9
rgb(253,222,217)
-
#feeeeb
#feeeeb
rgb(254,238,235)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #f45031
A tone is produced by adding gray to any pure hue. In this case, #988f8d is the less saturated color, while #fc4a29 is the most saturated one.
-
#988f8d
#988f8d
rgb(152,143,141)
-
#a18984
#a18984
rgb(161,137,132)
-
#a9837c
#a9837c
rgb(169,131,124)
-
#b17e74
#b17e74
rgb(177,126,116)
-
#ba786b
#ba786b
rgb(186,120,107)
-
#c27263
#c27263
rgb(194,114,99)
-
#ca6c5b
#ca6c5b
rgb(202,108,91)
-
#d36752
#d36752
rgb(211,103,82)
-
#db614a
#db614a
rgb(219,97,74)
-
#e35b42
#e35b42
rgb(227,91,66)
-
#ec5639
#ec5639
rgb(236,86,57)
-
#f45031
#f45031
rgb(244,80,49)
-
#fc4a29
#fc4a29
rgb(252,74,41)
Color Blindness Simulator
Below, you can see how #f45031 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.