#fd301f Color Information
In a RGB color space, hex #fd301f is composed of 99.2% red, 18.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81% magenta, 87.7% yellow and 0.8% black. It has a hue angle of 4.6 degrees, a saturation of 98.2% and a lightness of 55.7%. #fd301f color hex could be obtained by blending #ff603e with #fb0000. Closest websafe color is: #ff3333.
-
- R 99
- G 19
- B 12
-
- C 0
- M 81
- Y 88
- K 1
● #fd301f color description : Vivid red.
#fd301f Color Conversion
The hexadecimal color #fd301f has RGB values of R:253, G:48, B:31 and CMYK values of C:0, M:0.81, Y:0.88, K:0.01. Its decimal value is 16592927.
Hex triplet | fd301f | #fd301f |
---|---|---|
RGB Decimal | 253, 48, 31 | rgb(253,48,31) |
RGB Percent | 99.2, 18.8, 12.2 | rgb(99.2%,18.8%,12.2%) |
CMYK | 0, 81, 88, 1 | |
HSL | 4.6°, 98.2, 55.7 | hsl(4.6,98.2%,55.7%) |
HSV (or HSB) | 4.6°, 87.7, 99.2 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 55.176, 73.483, 58.803 |
---|---|
XYZ | 41.815, 23.101, 3.554 |
xyY | 0.611, 0.337, 23.101 |
CIE-LCH | 55.176, 94.115, 38.668 |
CIE-LUV | 55.176, 158.784, 37.838 |
Hunter-Lab | 48.063, 71.182, 29.261 |
Binary | 11111101, 00110000, 00011111 |
Color Schemes with #fd301f
Alternatives to #fd301f
Below, you can see some colors close to #fd301f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fd301f Preview
This text has a font color of #fd301f.
<span style="color:#fd301f;">Text here</span>
This paragraph has a background color of #fd301f.
<p style="background-color:#fd301f;">Content here</p>
This element has a border color of #fd301f.
<div style="border:1px solid #fd301f;">Content here</div>
.text {color:#fd301f;}
.background {background-color:#fd301f;}
.border {border:1px solid #fd301f;}
Shades and Tints of #fd301f
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)
-
#1d0200
#1d0200
rgb(29,2,0)
-
#300400
#300400
rgb(48,4,0)
-
#440601
#440601
rgb(68,6,1)
-
#570701
#570701
rgb(87,7,1)
-
#6b0901
#6b0901
rgb(107,9,1)
-
#7e0b01
#7e0b01
rgb(126,11,1)
-
#910c01
#910c01
rgb(145,12,1)
-
#a50e01
#a50e01
rgb(165,14,1)
-
#b81002
#b81002
rgb(184,16,2)
-
#cc1102
#cc1102
rgb(204,17,2)
-
#df1302
#df1302
rgb(223,19,2)
-
#f31502
#f31502
rgb(243,21,2)
-
#fd1e0c
#fd1e0c
rgb(253,30,12)
-
#fd301f
#fd301f
rgb(253,48,31)
-
#fd4232
#fd4232
rgb(253,66,50)
-
#fd5446
#fd5446
rgb(253,84,70)
-
#fe6659
#fe6659
rgb(254,102,89)
-
#fe786d
#fe786d
rgb(254,120,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 #fd301f
A tone is produced by adding gray to any pure hue. In this case, #958887 is the less saturated color, while #fd301f is the most saturated one.
-
#958887
#958887
rgb(149,136,135)
-
#9d817f
#9d817f
rgb(157,129,127)
-
#a67a76
#a67a76
rgb(166,122,118)
-
#af726d
#af726d
rgb(175,114,109)
-
#b76b65
#b76b65
rgb(183,107,101)
-
#c0645c
#c0645c
rgb(192,100,92)
-
#c95c53
#c95c53
rgb(201,92,83)
-
#d2554a
#d2554a
rgb(210,85,74)
-
#da4d42
#da4d42
rgb(218,77,66)
-
#e34639
#e34639
rgb(227,70,57)
-
#ec3f30
#ec3f30
rgb(236,63,48)
-
#f43728
#f43728
rgb(244,55,40)
-
#fd301f
#fd301f
rgb(253,48,31)
Color Blindness Simulator
Below, you can see how #fd301f 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.