#f31019 Color Information
In a RGB color space, hex #f31019 is composed of 95.3% red, 6.3% green and 9.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93.4% magenta, 89.7% yellow and 4.7% black. It has a hue angle of 357.6 degrees, a saturation of 90.4% and a lightness of 50.8%. #f31019 color hex could be obtained by blending #ff2032 with #e70000. Closest websafe color is: #ff0000.
-
- R 95
- G 6
- B 10
-
- C 0
- M 93
- Y 90
- K 5
● #f31019 color description : Vivid red.
#f31019 Color Conversion
The hexadecimal color #f31019 has RGB values of R:243, G:16, B:25 and CMYK values of C:0, M:0.93, Y:0.9, K:0.05. Its decimal value is 15929369.
Hex triplet | f31019 | #f31019 |
---|---|---|
RGB Decimal | 243, 16, 25 | rgb(243,16,25) |
RGB Percent | 95.3, 6.3, 9.8 | rgb(95.3%,6.3%,9.8%) |
CMYK | 0, 93, 90, 5 | |
HSL | 357.6°, 90.4, 50.8 | hsl(357.6,90.4%,50.8%) |
HSV (or HSB) | 357.6°, 93.4, 95.3 | |
Web Safe | ff0000 | #ff0000 |
CIE-LAB | 51.268, 76.202, 57.525 |
---|---|
XYZ | 37.325, 19.5, 2.718 |
xyY | 0.627, 0.327, 19.5 |
CIE-LCH | 51.268, 95.477, 37.049 |
CIE-LUV | 51.268, 162.55, 33.941 |
Hunter-Lab | 44.159, 73.596, 27.262 |
Binary | 11110011, 00010000, 00011001 |
Color Schemes with #f31019
Alternatives to #f31019
Below, you can see some colors close to #f31019. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31019 Preview
This text has a font color of #f31019.
<span style="color:#f31019;">Text here</span>
This paragraph has a background color of #f31019.
<p style="background-color:#f31019;">Content here</p>
This element has a border color of #f31019.
<div style="border:1px solid #f31019;">Content here</div>
.text {color:#f31019;}
.background {background-color:#f31019;}
.border {border:1px solid #f31019;}
Shades and Tints of #f31019
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, #040000 is the darkest color, while #fef0f1 is the lightest one.
-
#040000
#040000
rgb(4,0,0)
-
#160102
#160102
rgb(22,1,2)
-
#290204
#290204
rgb(41,2,4)
-
#3c0305
#3c0305
rgb(60,3,5)
-
#4f0407
#4f0407
rgb(79,4,7)
-
#610509
#610509
rgb(97,5,9)
-
#74060a
#74060a
rgb(116,6,10)
-
#87070c
#87070c
rgb(135,7,12)
-
#99080d
#99080d
rgb(153,8,13)
-
#ac090f
#ac090f
rgb(172,9,15)
-
#bf0a11
#bf0a11
rgb(191,10,17)
-
#d10b12
#d10b12
rgb(209,11,18)
-
#e40b14
#e40b14
rgb(228,11,20)
-
#f31019
#f31019
rgb(243,16,25)
-
#f4232b
#f4232b
rgb(244,35,43)
-
#f5353d
#f5353d
rgb(245,53,61)
-
#f6484f
#f6484f
rgb(246,72,79)
-
#f75b61
#f75b61
rgb(247,91,97)
-
#f86d73
#f86d73
rgb(248,109,115)
-
#f98085
#f98085
rgb(249,128,133)
-
#fa9397
#fa9397
rgb(250,147,151)
-
#fba5a9
#fba5a9
rgb(251,165,169)
-
#fbb8bb
#fbb8bb
rgb(251,184,187)
-
#fccbcd
#fccbcd
rgb(252,203,205)
-
#fddddf
#fddddf
rgb(253,221,223)
-
#fef0f1
#fef0f1
rgb(254,240,241)
Tones of #f31019
A tone is produced by adding gray to any pure hue. In this case, #897a7b is the less saturated color, while #fd0610 is the most saturated one.
-
#897a7b
#897a7b
rgb(137,122,123)
-
#927172
#927172
rgb(146,113,114)
-
#9c6769
#9c6769
rgb(156,103,105)
-
#a65d60
#a65d60
rgb(166,93,96)
-
#af5457
#af5457
rgb(175,84,87)
-
#b94a4e
#b94a4e
rgb(185,74,78)
-
#c34045
#c34045
rgb(195,64,69)
-
#cc373d
#cc373d
rgb(204,55,61)
-
#d62d34
#d62d34
rgb(214,45,52)
-
#e0232b
#e0232b
rgb(224,35,43)
-
#e91a22
#e91a22
rgb(233,26,34)
-
#f31019
#f31019
rgb(243,16,25)
-
#fd0610
#fd0610
rgb(253,6,16)
Color Blindness Simulator
Below, you can see how #f31019 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.