#f31509 Color Information
In a RGB color space, hex #f31509 is composed of 95.3% red, 8.2% green and 3.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.4% magenta, 96.3% yellow and 4.7% black. It has a hue angle of 3.1 degrees, a saturation of 92.9% and a lightness of 49.4%. #f31509 color hex could be obtained by blending #ff2a12 with #e70000. Closest websafe color is: #ff0000.
-
- R 95
- G 8
- B 4
-
- C 0
- M 91
- Y 96
- K 5
● #f31509 color description : Vivid red.
#f31509 Color Conversion
The hexadecimal color #f31509 has RGB values of R:243, G:21, B:9 and CMYK values of C:0, M:0.91, Y:0.96, K:0.05. Its decimal value is 15930633.
Hex triplet | f31509 | #f31509 |
---|---|---|
RGB Decimal | 243, 21, 9 | rgb(243,21,9) |
RGB Percent | 95.3, 8.2, 3.5 | rgb(95.3%,8.2%,3.5%) |
CMYK | 0, 91, 96, 5 | |
HSL | 3.1°, 92.9, 49.4 | hsl(3.1,92.9%,49.4%) |
HSV (or HSB) | 3.1°, 96.3, 95.3 | |
Web Safe | ff0000 | #ff0000 |
CIE-LAB | 51.4, 75.49, 62.728 |
---|---|
XYZ | 37.282, 19.616, 2.082 |
xyY | 0.632, 0.333, 19.616 |
CIE-LCH | 51.4, 98.15, 39.725 |
CIE-LUV | 51.4, 162.823, 36.312 |
Hunter-Lab | 44.29, 72.749, 28.216 |
Binary | 11110011, 00010101, 00001001 |
Color Schemes with #f31509
Alternatives to #f31509
Below, you can see some colors close to #f31509. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31509 Preview
This text has a font color of #f31509.
<span style="color:#f31509;">Text here</span>
This paragraph has a background color of #f31509.
<p style="background-color:#f31509;">Content here</p>
This element has a border color of #f31509.
<div style="border:1px solid #f31509;">Content here</div>
.text {color:#f31509;}
.background {background-color:#f31509;}
.border {border:1px solid #f31509;}
Shades and Tints of #f31509
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, #100101 is the darkest color, while #fffcfc is the lightest one.
-
#100101
#100101
rgb(16,1,1)
-
#230301
#230301
rgb(35,3,1)
-
#360502
#360502
rgb(54,5,2)
-
#490603
#490603
rgb(73,6,3)
-
#5c0803
#5c0803
rgb(92,8,3)
-
#6f0a04
#6f0a04
rgb(111,10,4)
-
#820b05
#820b05
rgb(130,11,5)
-
#940d05
#940d05
rgb(148,13,5)
-
#a70e06
#a70e06
rgb(167,14,6)
-
#ba1007
#ba1007
rgb(186,16,7)
-
#cd1208
#cd1208
rgb(205,18,8)
-
#e01308
#e01308
rgb(224,19,8)
-
#f31509
#f31509
rgb(243,21,9)
-
#f62419
#f62419
rgb(246,36,25)
-
#f7362c
#f7362c
rgb(247,54,44)
-
#f8483f
#f8483f
rgb(248,72,63)
-
#f95a52
#f95a52
rgb(249,90,82)
-
#f96c65
#f96c65
rgb(249,108,101)
-
#fa7e78
#fa7e78
rgb(250,126,120)
-
#fb908b
#fb908b
rgb(251,144,139)
-
#fba29e
#fba29e
rgb(251,162,158)
-
#fcb4b0
#fcb4b0
rgb(252,180,176)
-
#fdc6c3
#fdc6c3
rgb(253,198,195)
-
#fdd8d6
#fdd8d6
rgb(253,216,214)
-
#feeae9
#feeae9
rgb(254,234,233)
-
#fffcfc
#fffcfc
rgb(255,252,252)
Tones of #f31509
A tone is produced by adding gray to any pure hue. In this case, #7f7d7d is the less saturated color, while #f31509 is the most saturated one.
-
#7f7d7d
#7f7d7d
rgb(127,125,125)
-
#887574
#887574
rgb(136,117,116)
-
#926c6a
#926c6a
rgb(146,108,106)
-
#9c6360
#9c6360
rgb(156,99,96)
-
#a55b57
#a55b57
rgb(165,91,87)
-
#af524d
#af524d
rgb(175,82,77)
-
#b94943
#b94943
rgb(185,73,67)
-
#c34039
#c34039
rgb(195,64,57)
-
#cc3830
#cc3830
rgb(204,56,48)
-
#d62f26
#d62f26
rgb(214,47,38)
-
#e0261c
#e0261c
rgb(224,38,28)
-
#e91e13
#e91e13
rgb(233,30,19)
-
#f31509
#f31509
rgb(243,21,9)
Color Blindness Simulator
Below, you can see how #f31509 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.