#fc301c hex color

In a RGB color space, hex #fc301c is composed of 98.8% red, 18.8% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81% magenta, 88.9% yellow and 1.2% black. It has a hue angle of 5.4 degrees, a saturation of 97.4% and a lightness of 54.9%. #fc301c color hex could be obtained by blending #ff6038 with #f90000. Closest websafe color is: #ff3333.

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

● #fc301c color description : Vivid red.

The hexadecimal color #fc301c has RGB values of R:252, G:48, B:28 and CMYK values of C:0, M:0.81, Y:0.89, K:0.01. Its decimal value is 16527388.

Hex triplet	fc301c	`#fc301c`
RGB Decimal	252, 48, 28	`rgb(252,48,28)`
RGB Percent	98.8, 18.8, 11	`rgb(98.8%,18.8%,11%)`
CMYK	0, 81, 89, 1
HSL	5.4°, 97.4, 54.9	`hsl(5.4,97.4%,54.9%)`
HSV (or HSB)	5.4°, 88.9, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.968, 73.163, 59.764
XYZ	41.414, 22.899, 3.338
xyY	0.612, 0.338, 22.899
CIE-LCH	54.968, 94.469, 39.244
CIE-LUV	54.968, 158.379, 38.25
Hunter-Lab	47.852, 70.741, 29.361
Binary	11111100, 00110000, 00011100

#fc301c
```
#fc301c rgb(252,48,28)
```
#1ce8fc
```
#1ce8fc rgb(28,232,252)
```

Complementary Color

#fc1c78
```
#fc1c78 rgb(252,28,120)
```
#fc301c
```
#fc301c rgb(252,48,28)
```
#fca01c
```
#fca01c rgb(252,160,28)
```

Analogous Color

#1c78fc
```
#1c78fc rgb(28,120,252)
```
#fc301c
```
#fc301c rgb(252,48,28)
```
#1cfca0
```
#1cfca0 rgb(28,252,160)
```

Split Complementary Color

#301cfc
```
#301cfc rgb(48,28,252)
```
#fc301c
```
#fc301c rgb(252,48,28)
```
#1cfc30
```
#1cfc30 rgb(28,252,48)
```

Triadic Color

#fc1ce8
```
#fc1ce8 rgb(252,28,232)
```
#fc301c
```
#fc301c rgb(252,48,28)
```
#1cfc30
```
#1cfc30 rgb(28,252,48)
```
#1ce8fc
```
#1ce8fc rgb(28,232,252)
```

Tetradic Color

#c91403
```
#c91403 rgb(201,20,3)
```
#e21703
```
#e21703 rgb(226,23,3)
```
#fb1903
```
#fb1903 rgb(251,25,3)
```
#fc301c
```
#fc301c rgb(252,48,28)
```
#fc4735
```
#fc4735 rgb(252,71,53)
```
#fd5e4e
```
#fd5e4e rgb(253,94,78)
```
#fd7568
```
#fd7568 rgb(253,117,104)
```

Monochromatic Color

Below, you can see some colors close to #fc301c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#fc1c40
```
#fc1c40 rgb(252,28,64)
```
#fc1c2d
```
#fc1c2d rgb(252,28,45)
```
#fc1d1c
```
#fc1d1c rgb(252,29,28)
```
#fc301c
```
#fc301c rgb(252,48,28)
```
#fc431c
```
#fc431c rgb(252,67,28)
```
#fc551c
```
#fc551c rgb(252,85,28)
```
#fc681c
```
#fc681c rgb(252,104,28)
```

Similar Colors

Text with hexadecimal color #fc301c

This text has a font color of #fc301c.

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

#fc301c background color

This paragraph has a background color of #fc301c.

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

#fc301c border color

This element has a border color of #fc301c.

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

CSS codes

.text {color:#fc301c;}

.background {background-color:#fc301c;}

.border {border:1px solid #fc301c;}

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, #050100 is the darkest color, while #fff2f1 is the lightest one.

#050100
```
#050100 rgb(5,1,0)
```
#190300
```
#190300 rgb(25,3,0)
```
#2c0401
```
#2c0401 rgb(44,4,1)
```
#3f0601
```
#3f0601 rgb(63,6,1)
```
#530801
```
#530801 rgb(83,8,1)
```
#660a01
```
#660a01 rgb(102,10,1)
```
#790c02
```
#790c02 rgb(121,12,2)
```
#8d0e02
```
#8d0e02 rgb(141,14,2)
```
#a01002
```
#a01002 rgb(160,16,2)
```
#b41202
```
#b41202 rgb(180,18,2)
```
#c71403
```
#c71403 rgb(199,20,3)
```
#da1603
```
#da1603 rgb(218,22,3)
```
#ee1803
```
#ee1803 rgb(238,24,3)
```

Shade Color Variation

#fc1e09
```
#fc1e09 rgb(252,30,9)
```
#fc301c
```
#fc301c rgb(252,48,28)
```
#fc422f
```
#fc422f rgb(252,66,47)
```
#fd5343
```
#fd5343 rgb(253,83,67)
```
#fd6556
```
#fd6556 rgb(253,101,86)
```
#fd7769
```
#fd7769 rgb(253,119,105)
```
#fd887d
```
#fd887d rgb(253,136,125)
```
#fe9a90
```
#fe9a90 rgb(254,154,144)
```
#feaca4
```
#feaca4 rgb(254,172,164)
```
#febdb7
```
#febdb7 rgb(254,189,183)
```
#fecfca
```
#fecfca rgb(254,207,202)
```
#ffe1de
```
#ffe1de rgb(255,225,222)
```
#fff2f1
```
#fff2f1 rgb(255,242,241)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #928786 is the less saturated color, while #fc301c is the most saturated one.

#928786
```
#928786 rgb(146,135,134)
```
#9b807d
```
#9b807d rgb(155,128,125)
```
#a47974
```
#a47974 rgb(164,121,116)
```
#ac716c
```
#ac716c rgb(172,113,108)
```
#b56a63
```
#b56a63 rgb(181,106,99)
```
#be635a
```
#be635a rgb(190,99,90)
```
#c75c51
```
#c75c51 rgb(199,92,81)
```
#d05448
```
#d05448 rgb(208,84,72)
```
#d94d3f
```
#d94d3f rgb(217,77,63)
```
#e14637
```
#e14637 rgb(225,70,55)
```
#ea3f2e
```
#ea3f2e rgb(234,63,46)
```
#f33725
```
#f33725 rgb(243,55,37)
```
#fc301c
```
#fc301c rgb(252,48,28)
```

Tone Color Variation

Below, you can see how #fc301c 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
#885f5b Atypical Achromatopsia 0.001% of the population

Dichromacy

#998a39 Protanopia 1% of men
#ac8300 Deuteranopia 1% of men
#fc3838 Tritanopia 0.001% of the population

Trichromacy

#bd692e Protanomaly 1% of men, 0.01% of women
#c9650a Deuteranomaly 6% of men, 0.4% of women
#fc352e Tritanomaly 0.01% of the population

#fc301c hex color

#fc301c Color Information

#fc301c Color Conversion

Color Schemes with #fc301c

Alternatives to #fc301c

#fc301c Preview

Shades and Tints of #fc301c

Tones of #fc301c

Color Blindness Simulator