#fc302c hex color

In a RGB color space, hex #fc302c is composed of 98.8% red, 18.8% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81% magenta, 82.5% yellow and 1.2% black. It has a hue angle of 1.2 degrees, a saturation of 97.2% and a lightness of 58%. #fc302c color hex could be obtained by blending #ff6058 with #f90000. Closest websafe color is: #ff3333.

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

● #fc302c color description : Bright red.

The hexadecimal color #fc302c has RGB values of R:252, G:48, B:44 and CMYK values of C:0, M:0.81, Y:0.83, K:0.01. Its decimal value is 16527404.

Hex triplet	fc302c	`#fc302c`
RGB Decimal	252, 48, 44	`rgb(252,48,44)`
RGB Percent	98.8, 18.8, 17.3	`rgb(98.8%,18.8%,17.3%)`
CMYK	0, 81, 83, 1
HSL	1.2°, 97.2, 58	`hsl(1.2,97.2%,58%)`
HSV (or HSB)	1.2°, 82.5, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.069, 73.473, 52.734
XYZ	41.659, 22.996, 4.628
xyY	0.601, 0.332, 22.996
CIE-LCH	55.069, 90.439, 35.668
CIE-LUV	55.069, 156.234, 34.686
Hunter-Lab	47.955, 71.144, 27.846
Binary	11111100, 00110000, 00101100

#fc302c
```
#fc302c rgb(252,48,44)
```
#2cf8fc
```
#2cf8fc rgb(44,248,252)
```

Complementary Color

#fc2c90
```
#fc2c90 rgb(252,44,144)
```
#fc302c
```
#fc302c rgb(252,48,44)
```
#fc982c
```
#fc982c rgb(252,152,44)
```

Analogous Color

#2c90fc
```
#2c90fc rgb(44,144,252)
```
#fc302c
```
#fc302c rgb(252,48,44)
```
#2cfc98
```
#2cfc98 rgb(44,252,152)
```

Split Complementary Color

#302cfc
```
#302cfc rgb(48,44,252)
```
#fc302c
```
#fc302c rgb(252,48,44)
```
#2cfc30
```
#2cfc30 rgb(44,252,48)
```

Triadic Color

#fc2cf8
```
#fc2cf8 rgb(252,44,248)
```
#fc302c
```
#fc302c rgb(252,48,44)
```
#2cfc30
```
#2cfc30 rgb(44,252,48)
```
#2cf8fc
```
#2cf8fc rgb(44,248,252)
```

Tetradic Color

#d80703
```
#d80703 rgb(216,7,3)
```
#f20803
```
#f20803 rgb(242,8,3)
```
#fc1713
```
#fc1713 rgb(252,23,19)
```
#fc302c
```
#fc302c rgb(252,48,44)
```
#fc4945
```
#fc4945 rgb(252,73,69)
```
#fd615e
```
#fd615e rgb(253,97,94)
```
#fd7a77
```
#fd7a77 rgb(253,122,119)
```

Monochromatic Color

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

#fc2c5c
```
#fc2c5c rgb(252,44,92)
```
#fc2c4b
```
#fc2c4b rgb(252,44,75)
```
#fc2c39
```
#fc2c39 rgb(252,44,57)
```
#fc302c
```
#fc302c rgb(252,48,44)
```
#fc412c
```
#fc412c rgb(252,65,44)
```
#fc532c
```
#fc532c rgb(252,83,44)
```
#fc642c
```
#fc642c rgb(252,100,44)
```

Similar Colors

Text with hexadecimal color #fc302c

This text has a font color of #fc302c.

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

#fc302c background color

This paragraph has a background color of #fc302c.

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

#fc302c border color

This element has a border color of #fc302c.

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

CSS codes

.text {color:#fc302c;}

.background {background-color:#fc302c;}

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

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

#020000
```
#020000 rgb(2,0,0)
```
#150100
```
#150100 rgb(21,1,0)
```
#280101
```
#280101 rgb(40,1,1)
```
#3c0201
```
#3c0201 rgb(60,2,1)
```
#4f0301
```
#4f0301 rgb(79,3,1)
```
#620301
```
#620301 rgb(98,3,1)
```
#760402
```
#760402 rgb(118,4,2)
```
#890502
```
#890502 rgb(137,5,2)
```
#9c0502
```
#9c0502 rgb(156,5,2)
```
#b00602
```
#b00602 rgb(176,6,2)
```
#c30603
```
#c30603 rgb(195,6,3)
```
#d60703
```
#d60703 rgb(214,7,3)
```
#ea0803
```
#ea0803 rgb(234,8,3)
```

Shade Color Variation

#fb0a05
```
#fb0a05 rgb(251,10,5)
```
#fc1d19
```
#fc1d19 rgb(252,29,25)
```
#fc302c
```
#fc302c rgb(252,48,44)
```
#fc433f
```
#fc433f rgb(252,67,63)
```
#fd5653
```
#fd5653 rgb(253,86,83)
```
#fd6966
```
#fd6966 rgb(253,105,102)
```
#fd7c79
```
#fd7c79 rgb(253,124,121)
```
#fd8f8d
```
#fd8f8d rgb(253,143,141)
```
#fea2a0
```
#fea2a0 rgb(254,162,160)
```
#feb5b3
```
#feb5b3 rgb(254,181,179)
```
#fec8c7
```
#fec8c7 rgb(254,200,199)
```
#fedbda
```
#fedbda rgb(254,219,218)
```
#ffeeed
```
#ffeeed rgb(255,238,237)
```

Tint Color Variation

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

#998f8f
```
#998f8f rgb(153,143,143)
```
#a18787
```
#a18787 rgb(161,135,135)
```
#aa7f7e
```
#aa7f7e rgb(170,127,126)
```
#b27776
```
#b27776 rgb(178,119,118)
```
#ba6f6e
```
#ba6f6e rgb(186,111,110)
```
#c26766
```
#c26766 rgb(194,103,102)
```
#cb5f5d
```
#cb5f5d rgb(203,95,93)
```
#d35855
```
#d35855 rgb(211,88,85)
```
#db504d
```
#db504d rgb(219,80,77)
```
#e34845
```
#e34845 rgb(227,72,69)
```
#ec403c
```
#ec403c rgb(236,64,60)
```
#f43834
```
#f43834 rgb(244,56,52)
```
#fc302c
```
#fc302c rgb(252,48,44)
```

Tone Color Variation

Below, you can see how #fc302c 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

#6d6d6d Achromatopsia 0.005% of the population
#8a6160 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988a4a Protanopia 1% of men
#ac8321 Deuteranopia 1% of men
#fc3a3a Tritanopia 0.001% of the population

Trichromacy

#bc693f Protanomaly 1% of men, 0.01% of women
#c96525 Deuteranomaly 6% of men, 0.4% of women
#fc3635 Tritanomaly 0.01% of the population

#fc302c hex color

#fc302c Color Information

#fc302c Color Conversion

Color Schemes with #fc302c

Alternatives to #fc302c

#fc302c Preview

Shades and Tints of #fc302c

Tones of #fc302c

Color Blindness Simulator