#fc301f Color Information
In a RGB color space, hex #fc301f is composed of 98.8% 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 1.2% black. It has a hue angle of 4.6 degrees, a saturation of 97.4% and a lightness of 55.5%. #fc301f color hex could be obtained by blending #ff603e with #f90000. Closest websafe color is: #ff3333.
-
- R 99
- G 19
- B 12
-
- C 0
- M 81
- Y 88
- K 1
● #fc301f color description : Vivid red.
#fc301f Color Conversion
The hexadecimal color #fc301f has RGB values of R:252, G:48, B:31 and CMYK values of C:0, M:0.81, Y:0.88, K:0.01. Its decimal value is 16527391.
Hex triplet | fc301f | #fc301f |
---|---|---|
RGB Decimal | 252, 48, 31 | rgb(252,48,31) |
RGB Percent | 98.8, 18.8, 12.2 | rgb(98.8%,18.8%,12.2%) |
CMYK | 0, 81, 88, 1 | |
HSL | 4.6°, 97.4, 55.5 | hsl(4.6,97.4%,55.5%) |
HSV (or HSB) | 4.6°, 87.7, 98.8 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 54.983, 73.21, 58.573 |
---|---|
XYZ | 41.451, 22.914, 3.537 |
xyY | 0.61, 0.337, 22.914 |
CIE-LCH | 54.983, 93.758, 38.662 |
CIE-LUV | 54.983, 158.045, 37.695 |
Hunter-Lab | 47.868, 70.803, 29.127 |
Binary | 11111100, 00110000, 00011111 |
Color Schemes with #fc301f
Alternatives to #fc301f
Below, you can see some colors close to #fc301f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fc301f Preview
This text has a font color of #fc301f.
<span style="color:#fc301f;">Text here</span>
This paragraph has a background color of #fc301f.
<p style="background-color:#fc301f;">Content here</p>
This element has a border color of #fc301f.
<div style="border:1px solid #fc301f;">Content here</div>
.text {color:#fc301f;}
.background {background-color:#fc301f;}
.border {border:1px solid #fc301f;}
Shades and Tints of #fc301f
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, #080100 is the darkest color, while #fff5f4 is the lightest one.
-
#080100
#080100
rgb(8,1,0)
-
#1c0200
#1c0200
rgb(28,2,0)
-
#2f0401
#2f0401
rgb(47,4,1)
-
#420601
#420601
rgb(66,6,1)
-
#560801
#560801
rgb(86,8,1)
-
#690901
#690901
rgb(105,9,1)
-
#7c0b02
#7c0b02
rgb(124,11,2)
-
#900d02
#900d02
rgb(144,13,2)
-
#a30f02
#a30f02
rgb(163,15,2)
-
#b61002
#b61002
rgb(182,16,2)
-
#ca1203
#ca1203
rgb(202,18,3)
-
#dd1403
#dd1403
rgb(221,20,3)
-
#f11503
#f11503
rgb(241,21,3)
-
#fc1e0c
#fc1e0c
rgb(252,30,12)
-
#fc301f
#fc301f
rgb(252,48,31)
-
#fc4232
#fc4232
rgb(252,66,50)
-
#fd5446
#fd5446
rgb(253,84,70)
-
#fd6659
#fd6659
rgb(253,102,89)
-
#fd786c
#fd786c
rgb(253,120,108)
-
#fd8980
#fd8980
rgb(253,137,128)
-
#fe9b93
#fe9b93
rgb(254,155,147)
-
#feada6
#feada6
rgb(254,173,166)
-
#febfba
#febfba
rgb(254,191,186)
-
#fed1cd
#fed1cd
rgb(254,209,205)
-
#ffe3e1
#ffe3e1
rgb(255,227,225)
-
#fff5f4
#fff5f4
rgb(255,245,244)
Tones of #fc301f
A tone is produced by adding gray to any pure hue. In this case, #938988 is the less saturated color, while #fc301f is the most saturated one.
-
#938988
#938988
rgb(147,137,136)
-
#9c817f
#9c817f
rgb(156,129,127)
-
#a57a76
#a57a76
rgb(165,122,118)
-
#ad726e
#ad726e
rgb(173,114,110)
-
#b66b65
#b66b65
rgb(182,107,101)
-
#bf645c
#bf645c
rgb(191,100,92)
-
#c85c53
#c85c53
rgb(200,92,83)
-
#d0554b
#d0554b
rgb(208,85,75)
-
#d94e42
#d94e42
rgb(217,78,66)
-
#e24639
#e24639
rgb(226,70,57)
-
#eb3f30
#eb3f30
rgb(235,63,48)
-
#f33728
#f33728
rgb(243,55,40)
-
#fc301f
#fc301f
rgb(252,48,31)
Color Blindness Simulator
Below, you can see how #fc301f 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.