#ff310b Color Information
In a RGB color space, hex #ff310b is composed of 100% red, 19.2% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.8% magenta, 95.7% yellow and 0% black. It has a hue angle of 9.3 degrees, a saturation of 100% and a lightness of 52.2%. #ff310b color hex could be obtained by blending #ff6216 with #ff0000. Closest websafe color is: #ff3300.
-
- R 100
- G 19
- B 4
-
- C 0
- M 81
- Y 96
- K 0
● #ff310b color description : Vivid red.
#ff310b Color Conversion
The hexadecimal color #ff310b has RGB values of R:255, G:49, B:11 and CMYK values of C:0, M:0.81, Y:0.96, K:0. Its decimal value is 16724235.
Hex triplet | ff310b | #ff310b |
---|---|---|
RGB Decimal | 255, 49, 11 | rgb(255,49,11) |
RGB Percent | 100, 19.2, 4.3 | rgb(100%,19.2%,4.3%) |
CMYK | 0, 81, 96, 0 | |
HSL | 9.3°, 100, 52.2 | hsl(9.3,100%,52.2%) |
HSV (or HSB) | 9.3°, 95.7, 100 | |
Web Safe | ff3300 | #ff3300 |
CIE-LAB | 55.57, 73.556, 65.675 |
---|---|
XYZ | 42.401, 23.486, 2.617 |
xyY | 0.619, 0.343, 23.486 |
CIE-LCH | 55.57, 98.609, 41.76 |
CIE-LUV | 55.57, 161.449, 41.004 |
Hunter-Lab | 48.463, 71.364, 30.722 |
Binary | 11111111, 00110001, 00001011 |
Color Schemes with #ff310b
Alternatives to #ff310b
Below, you can see some colors close to #ff310b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff310b Preview
This text has a font color of #ff310b.
<span style="color:#ff310b;">Text here</span>
This paragraph has a background color of #ff310b.
<p style="background-color:#ff310b;">Content here</p>
This element has a border color of #ff310b.
<div style="border:1px solid #ff310b;">Content here</div>
.text {color:#ff310b;}
.background {background-color:#ff310b;}
.border {border:1px solid #ff310b;}
Shades and Tints of #ff310b
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, #0b0200 is the darkest color, while #fff8f6 is the lightest one.
-
#0b0200
#0b0200
rgb(11,2,0)
-
#1f0500
#1f0500
rgb(31,5,0)
-
#320800
#320800
rgb(50,8,0)
-
#460b00
#460b00
rgb(70,11,0)
-
#590e00
#590e00
rgb(89,14,0)
-
#6d1100
#6d1100
rgb(109,17,0)
-
#811400
#811400
rgb(129,20,0)
-
#941700
#941700
rgb(148,23,0)
-
#a81a00
#a81a00
rgb(168,26,0)
-
#bc1d00
#bc1d00
rgb(188,29,0)
-
#cf2000
#cf2000
rgb(207,32,0)
-
#e32300
#e32300
rgb(227,35,0)
-
#f62600
#f62600
rgb(246,38,0)
-
#ff310b
#ff310b
rgb(255,49,11)
-
#ff421f
#ff421f
rgb(255,66,31)
-
#ff5232
#ff5232
rgb(255,82,50)
-
#ff6346
#ff6346
rgb(255,99,70)
-
#ff7359
#ff7359
rgb(255,115,89)
-
#ff846d
#ff846d
rgb(255,132,109)
-
#ff9481
#ff9481
rgb(255,148,129)
-
#ffa594
#ffa594
rgb(255,165,148)
-
#ffb5a8
#ffb5a8
rgb(255,181,168)
-
#ffc6bc
#ffc6bc
rgb(255,198,188)
-
#ffd7cf
#ffd7cf
rgb(255,215,207)
-
#ffe7e3
#ffe7e3
rgb(255,231,227)
-
#fff8f6
#fff8f6
rgb(255,248,246)
Tones of #ff310b
A tone is produced by adding gray to any pure hue. In this case, #8e7f7c is the less saturated color, while #ff310b is the most saturated one.
-
#8e7f7c
#8e7f7c
rgb(142,127,124)
-
#987872
#987872
rgb(152,120,114)
-
#a17269
#a17269
rgb(161,114,105)
-
#ab6b5f
#ab6b5f
rgb(171,107,95)
-
#b46556
#b46556
rgb(180,101,86)
-
#bd5e4d
#bd5e4d
rgb(189,94,77)
-
#c75843
#c75843
rgb(199,88,67)
-
#d0513a
#d0513a
rgb(208,81,58)
-
#d94b31
#d94b31
rgb(217,75,49)
-
#e34427
#e34427
rgb(227,68,39)
-
#ec3e1e
#ec3e1e
rgb(236,62,30)
-
#f63714
#f63714
rgb(246,55,20)
-
#ff310b
#ff310b
rgb(255,49,11)
Color Blindness Simulator
Below, you can see how #ff310b 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.