#f31108 Color Information
In a RGB color space, hex #f31108 is composed of 95.3% red, 6.7% green and 3.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 93% magenta, 96.7% yellow and 4.7% black. It has a hue angle of 2.3 degrees, a saturation of 93.6% and a lightness of 49.2%. #f31108 color hex could be obtained by blending #ff2210 with #e70000. Closest websafe color is: #ff0000.
-
- R 95
- G 7
- B 3
-
- C 0
- M 93
- Y 97
- K 5
● #f31108 color description : Vivid red.
#f31108 Color Conversion
The hexadecimal color #f31108 has RGB values of R:243, G:17, B:8 and CMYK values of C:0, M:0.93, Y:0.97, K:0.05. Its decimal value is 15929608.
Hex triplet | f31108 | #f31108 |
---|---|---|
RGB Decimal | 243, 17, 8 | rgb(243,17,8) |
RGB Percent | 95.3, 6.7, 3.1 | rgb(95.3%,6.7%,3.1%) |
CMYK | 0, 93, 97, 5 | |
HSL | 2.3°, 93.6, 49.2 | hsl(2.3,93.6%,49.2%) |
HSV (or HSB) | 2.3°, 96.7, 95.3 | |
Web Safe | ff0000 | #ff0000 |
CIE-LAB | 51.242, 75.931, 62.899 |
---|---|
XYZ | 37.209, 19.478, 2.03 |
xyY | 0.634, 0.332, 19.478 |
CIE-LCH | 51.242, 98.6, 39.637 |
CIE-LUV | 51.242, 163.75, 36.119 |
Hunter-Lab | 44.134, 73.255, 28.166 |
Binary | 11110011, 00010001, 00001000 |
Color Schemes with #f31108
Alternatives to #f31108
Below, you can see some colors close to #f31108. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f31108 Preview
This text has a font color of #f31108.
<span style="color:#f31108;">Text here</span>
This paragraph has a background color of #f31108.
<p style="background-color:#f31108;">Content here</p>
This element has a border color of #f31108.
<div style="border:1px solid #f31108;">Content here</div>
.text {color:#f31108;}
.background {background-color:#f31108;}
.border {border:1px solid #f31108;}
Shades and Tints of #f31108
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, #0f0100 is the darkest color, while #fffbfb is the lightest one.
-
#0f0100
#0f0100
rgb(15,1,0)
-
#220201
#220201
rgb(34,2,1)
-
#350402
#350402
rgb(53,4,2)
-
#480502
#480502
rgb(72,5,2)
-
#5b0603
#5b0603
rgb(91,6,3)
-
#6e0804
#6e0804
rgb(110,8,4)
-
#810904
#810904
rgb(129,9,4)
-
#940a05
#940a05
rgb(148,10,5)
-
#a70c05
#a70c05
rgb(167,12,5)
-
#ba0d06
#ba0d06
rgb(186,13,6)
-
#cd0e07
#cd0e07
rgb(205,14,7)
-
#e01007
#e01007
rgb(224,16,7)
-
#f31108
#f31108
rgb(243,17,8)
-
#f72017
#f72017
rgb(247,32,23)
-
#f8322a
#f8322a
rgb(248,50,42)
-
#f9443d
#f9443d
rgb(249,68,61)
-
#f95750
#f95750
rgb(249,87,80)
-
#fa6963
#fa6963
rgb(250,105,99)
-
#fa7b76
#fa7b76
rgb(250,123,118)
-
#fb8e89
#fb8e89
rgb(251,142,137)
-
#fca09c
#fca09c
rgb(252,160,156)
-
#fcb2af
#fcb2af
rgb(252,178,175)
-
#fdc4c2
#fdc4c2
rgb(253,196,194)
-
#fed7d5
#fed7d5
rgb(254,215,213)
-
#fee9e8
#fee9e8
rgb(254,233,232)
-
#fffbfb
#fffbfb
rgb(255,251,251)
Tones of #f31108
A tone is produced by adding gray to any pure hue. In this case, #7f7c7c is the less saturated color, while #f31108 is the most saturated one.
-
#7f7c7c
#7f7c7c
rgb(127,124,124)
-
#897372
#897372
rgb(137,115,114)
-
#926a69
#926a69
rgb(146,106,105)
-
#9c615f
#9c615f
rgb(156,97,95)
-
#a65855
#a65855
rgb(166,88,85)
-
#af4f4c
#af4f4c
rgb(175,79,76)
-
#b94642
#b94642
rgb(185,70,66)
-
#c33e38
#c33e38
rgb(195,62,56)
-
#cc352f
#cc352f
rgb(204,53,47)
-
#d62c25
#d62c25
rgb(214,44,37)
-
#e0231b
#e0231b
rgb(224,35,27)
-
#e91a12
#e91a12
rgb(233,26,18)
-
#f31108
#f31108
rgb(243,17,8)
Color Blindness Simulator
Below, you can see how #f31108 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.