#fd311f Color Information
In a RGB color space, hex #fd311f is composed of 99.2% red, 19.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.6% magenta, 87.7% yellow and 0.8% black. It has a hue angle of 4.9 degrees, a saturation of 98.2% and a lightness of 55.7%. #fd311f color hex could be obtained by blending #ff623e with #fb0000. Closest websafe color is: #ff3333.
-
- R 99
- G 19
- B 12
-
- C 0
- M 81
- Y 88
- K 1
● #fd311f color description : Vivid red.
#fd311f Color Conversion
The hexadecimal color #fd311f has RGB values of R:253, G:49, B:31 and CMYK values of C:0, M:0.81, Y:0.88, K:0.01. Its decimal value is 16593183.
Hex triplet | fd311f | #fd311f |
---|---|---|
RGB Decimal | 253, 49, 31 | rgb(253,49,31) |
RGB Percent | 99.2, 19.2, 12.2 | rgb(99.2%,19.2%,12.2%) |
CMYK | 0, 81, 88, 1 | |
HSL | 4.9°, 98.2, 55.7 | hsl(4.9,98.2%,55.7%) |
HSV (or HSB) | 4.9°, 87.7, 99.2 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.261, 73.243, 58.867 |
---|---|
XYZ | 41.856, 23.184, 3.567 |
xyY | 0.61, 0.338, 23.184 |
CIE-LCH | 55.261, 93.967, 38.79 |
CIE-LUV | 55.261, 158.329, 37.994 |
Hunter-Lab | 48.149, 70.908, 29.312 |
Binary | 11111101, 00110001, 00011111 |
Color Schemes with #fd311f
Alternatives to #fd311f
Below, you can see some colors close to #fd311f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fd311f Preview
This text has a font color of #fd311f.
<span style="color:#fd311f;">Text here</span>
This paragraph has a background color of #fd311f.
<p style="background-color:#fd311f;">Content here</p>
This element has a border color of #fd311f.
<div style="border:1px solid #fd311f;">Content here</div>
.text {color:#fd311f;}
.background {background-color:#fd311f;}
.border {border:1px solid #fd311f;}
Shades and Tints of #fd311f
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, #090100 is the darkest color, while #fff6f5 is the lightest one.
-
#090100
#090100
rgb(9,1,0)
-
#1d0300
#1d0300
rgb(29,3,0)
-
#300400
#300400
rgb(48,4,0)
-
#440601
#440601
rgb(68,6,1)
-
#570801
#570801
rgb(87,8,1)
-
#6b0a01
#6b0a01
rgb(107,10,1)
-
#7e0b01
#7e0b01
rgb(126,11,1)
-
#910d01
#910d01
rgb(145,13,1)
-
#a50f01
#a50f01
rgb(165,15,1)
-
#b81002
#b81002
rgb(184,16,2)
-
#cc1202
#cc1202
rgb(204,18,2)
-
#df1402
#df1402
rgb(223,20,2)
-
#f31602
#f31602
rgb(243,22,2)
-
#fd1f0c
#fd1f0c
rgb(253,31,12)
-
#fd311f
#fd311f
rgb(253,49,31)
-
#fd4332
#fd4332
rgb(253,67,50)
-
#fd5546
#fd5546
rgb(253,85,70)
-
#fe6759
#fe6759
rgb(254,103,89)
-
#fe796d
#fe796d
rgb(254,121,109)
-
#fe8a80
#fe8a80
rgb(254,138,128)
-
#fe9c94
#fe9c94
rgb(254,156,148)
-
#feaea7
#feaea7
rgb(254,174,167)
-
#fec0bb
#fec0bb
rgb(254,192,187)
-
#ffd2ce
#ffd2ce
rgb(255,210,206)
-
#ffe4e1
#ffe4e1
rgb(255,228,225)
-
#fff6f5
#fff6f5
rgb(255,246,245)
Tones of #fd311f
A tone is produced by adding gray to any pure hue. In this case, #958887 is the less saturated color, while #fd311f is the most saturated one.
-
#958887
#958887
rgb(149,136,135)
-
#9d817f
#9d817f
rgb(157,129,127)
-
#a67a76
#a67a76
rgb(166,122,118)
-
#af736d
#af736d
rgb(175,115,109)
-
#b76b65
#b76b65
rgb(183,107,101)
-
#c0645c
#c0645c
rgb(192,100,92)
-
#c95d53
#c95d53
rgb(201,93,83)
-
#d2554a
#d2554a
rgb(210,85,74)
-
#da4e42
#da4e42
rgb(218,78,66)
-
#e34739
#e34739
rgb(227,71,57)
-
#ec4030
#ec4030
rgb(236,64,48)
-
#f43828
#f43828
rgb(244,56,40)
-
#fd311f
#fd311f
rgb(253,49,31)
Color Blindness Simulator
Below, you can see how #fd311f 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.