#fc301f hex color

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.

♥
- f
- t
- g
- R 99
- G 19
- B 12
RGB color chart
- C 0
- M 81
- Y 88
- K 1
CMYK color chart

● #fc301f color description : Vivid red.

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

#fc301f
```
#fc301f rgb(252,48,31)
```
#1febfc
```
#1febfc rgb(31,235,252)
```

Complementary Color

#fc1f7d
```
#fc1f7d rgb(252,31,125)
```
#fc301f
```
#fc301f rgb(252,48,31)
```
#fc9f1f
```
#fc9f1f rgb(252,159,31)
```

Analogous Color

#1f7dfc
```
#1f7dfc rgb(31,125,252)
```
#fc301f
```
#fc301f rgb(252,48,31)
```
#1ffc9f
```
#1ffc9f rgb(31,252,159)
```

Split Complementary Color

#301ffc
```
#301ffc rgb(48,31,252)
```
#fc301f
```
#fc301f rgb(252,48,31)
```
#1ffc30
```
#1ffc30 rgb(31,252,48)
```

Triadic Color

#fc1feb
```
#fc1feb rgb(252,31,235)
```
#fc301f
```
#fc301f rgb(252,48,31)
```
#1ffc30
```
#1ffc30 rgb(31,252,48)
```
#1febfc
```
#1febfc rgb(31,235,252)
```

Tetradic Color

#cc1203
```
#cc1203 rgb(204,18,3)
```
#e51403
```
#e51403 rgb(229,20,3)
```
#fc1906
```
#fc1906 rgb(252,25,6)
```
#fc301f
```
#fc301f rgb(252,48,31)
```
#fc4738
```
#fc4738 rgb(252,71,56)
```
#fd5f51
```
#fd5f51 rgb(253,95,81)
```
#fd766a
```
#fd766a rgb(253,118,106)
```

Monochromatic Color

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.

#fc1f45
```
#fc1f45 rgb(252,31,69)
```
#fc1f33
```
#fc1f33 rgb(252,31,51)
```
#fc1f20
```
#fc1f20 rgb(252,31,32)
```
#fc301f
```
#fc301f rgb(252,48,31)
```
#fc421f
```
#fc421f rgb(252,66,31)
```
#fc551f
```
#fc551f rgb(252,85,31)
```
#fc671f
```
#fc671f rgb(252,103,31)
```

Similar Colors

Text with hexadecimal color #fc301f

This text has a font color of #fc301f.

<span style="color:#fc301f;">Text here</span>

#fc301f background color

This paragraph has a background color of #fc301f.

<p style="background-color:#fc301f;">Content here</p>

#fc301f border color

This element has a border color of #fc301f.

<div style="border:1px solid #fc301f;">Content here</div>

CSS codes

.text {color:#fc301f;}

.background {background-color:#fc301f;}

.border {border:1px solid #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)
```

Shade Color Variation

#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)
```

Tint Color Variation

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)
```

Tone Color Variation

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.

Monochromacy

#6b6b6b Achromatopsia 0.005% of the population
#885f5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#998a3c Protanopia 1% of men
#ac8300 Deuteranopia 1% of men
#fc3938 Tritanopia 0.001% of the population

Trichromacy

#bd6931 Protanomaly 1% of men, 0.01% of women
#c9650b Deuteranomaly 6% of men, 0.4% of women
#fc352f Tritanomaly 0.01% of the population

#fc301f hex color

#fc301f Color Information

#fc301f Color Conversion

Color Schemes with #fc301f

Alternatives to #fc301f

#fc301f Preview

Shades and Tints of #fc301f

Tones of #fc301f

Color Blindness Simulator