#fc302e hex color

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

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

● #fc302e color description : Bright red.

The hexadecimal color #fc302e has RGB values of R:252, G:48, B:46 and CMYK values of C:0, M:0.81, Y:0.82, K:0.01. Its decimal value is 16527406.

Hex triplet	fc302e	`#fc302e`
RGB Decimal	252, 48, 46	`rgb(252,48,46)`
RGB Percent	98.8, 18.8, 18	`rgb(98.8%,18.8%,18%)`
CMYK	0, 81, 82, 1
HSL	0.6°, 97.2, 58.4	`hsl(0.6,97.2%,58.4%)`
HSV (or HSB)	0.6°, 81.7, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.085, 73.521, 51.756
XYZ	41.697, 23.012, 4.831
xyY	0.6, 0.331, 23.012
CIE-LCH	55.085, 89.912, 35.144
CIE-LUV	55.085, 155.902, 34.134
Hunter-Lab	47.971, 71.207, 27.609
Binary	11111100, 00110000, 00101110

#fc302e
```
#fc302e rgb(252,48,46)
```
#2efafc
```
#2efafc rgb(46,250,252)
```

Complementary Color

#fc2e93
```
#fc2e93 rgb(252,46,147)
```
#fc302e
```
#fc302e rgb(252,48,46)
```
#fc972e
```
#fc972e rgb(252,151,46)
```

Analogous Color

#2e93fc
```
#2e93fc rgb(46,147,252)
```
#fc302e
```
#fc302e rgb(252,48,46)
```
#2efc97
```
#2efc97 rgb(46,252,151)
```

Split Complementary Color

#302efc
```
#302efc rgb(48,46,252)
```
#fc302e
```
#fc302e rgb(252,48,46)
```
#2efc30
```
#2efc30 rgb(46,252,48)
```

Triadic Color

#fc2efa
```
#fc2efa rgb(252,46,250)
```
#fc302e
```
#fc302e rgb(252,48,46)
```
#2efc30
```
#2efc30 rgb(46,252,48)
```
#2efafc
```
#2efafc rgb(46,250,252)
```

Tetradic Color

#da0503
```
#da0503 rgb(218,5,3)
```
#f40603
```
#f40603 rgb(244,6,3)
```
#fc1715
```
#fc1715 rgb(252,23,21)
```
#fc302e
```
#fc302e rgb(252,48,46)
```
#fc4947
```
#fc4947 rgb(252,73,71)
```
#fd6260
```
#fd6260 rgb(253,98,96)
```
#fd7b79
```
#fd7b79 rgb(253,123,121)
```

Monochromatic Color

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

#fc2e60
```
#fc2e60 rgb(252,46,96)
```
#fc2e4e
```
#fc2e4e rgb(252,46,78)
```
#fc2e3d
```
#fc2e3d rgb(252,46,61)
```
#fc302e
```
#fc302e rgb(252,48,46)
```
#fc412e
```
#fc412e rgb(252,65,46)
```
#fc522e
```
#fc522e rgb(252,82,46)
```
#fc642e
```
#fc642e rgb(252,100,46)
```

Similar Colors

Text with hexadecimal color #fc302e

This text has a font color of #fc302e.

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

#fc302e background color

This paragraph has a background color of #fc302e.

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

#fc302e border color

This element has a border color of #fc302e.

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

CSS codes

.text {color:#fc302e;}

.background {background-color:#fc302e;}

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

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

#040000
```
#040000 rgb(4,0,0)
```
#170100
```
#170100 rgb(23,1,0)
```
#2a0101
```
#2a0101 rgb(42,1,1)
```
#3e0101
```
#3e0101 rgb(62,1,1)
```
#510201
```
#510201 rgb(81,2,1)
```
#640201
```
#640201 rgb(100,2,1)
```
#780302
```
#780302 rgb(120,3,2)
```
#8b0302
```
#8b0302 rgb(139,3,2)
```
#9e0402
```
#9e0402 rgb(158,4,2)
```
#b20403
```
#b20403 rgb(178,4,3)
```
#c50503
```
#c50503 rgb(197,5,3)
```
#d80503
```
#d80503 rgb(216,5,3)
```
#ec0603
```
#ec0603 rgb(236,6,3)
```

Shade Color Variation

#fb0a07
```
#fb0a07 rgb(251,10,7)
```
#fc1d1b
```
#fc1d1b rgb(252,29,27)
```
#fc302e
```
#fc302e rgb(252,48,46)
```
#fc4341
```
#fc4341 rgb(252,67,65)
```
#fd5655
```
#fd5655 rgb(253,86,85)
```
#fd6968
```
#fd6968 rgb(253,105,104)
```
#fd7d7b
```
#fd7d7b rgb(253,125,123)
```
#fd908f
```
#fd908f rgb(253,144,143)
```
#fea3a2
```
#fea3a2 rgb(254,163,162)
```
#feb6b5
```
#feb6b5 rgb(254,182,181)
```
#fec9c9
```
#fec9c9 rgb(254,201,201)
```
#fedcdc
```
#fedcdc rgb(254,220,220)
```
#fff0ef
```
#fff0ef rgb(255,240,239)
```

Tint Color Variation

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

#9a9090
```
#9a9090 rgb(154,144,144)
```
#a28888
```
#a28888 rgb(162,136,136)
```
#aa8080
```
#aa8080 rgb(170,128,128)
```
#b37877
```
#b37877 rgb(179,120,119)
```
#bb706f
```
#bb706f rgb(187,112,111)
```
#c36867
```
#c36867 rgb(195,104,103)
```
#cb605f
```
#cb605f rgb(203,96,95)
```
#d35857
```
#d35857 rgb(211,88,87)
```
#db504f
```
#db504f rgb(219,80,79)
```
#e44846
```
#e44846 rgb(228,72,70)
```
#ec403e
```
#ec403e rgb(236,64,62)
```
#f43836
```
#f43836 rgb(244,56,54)
```
#fc302e
```
#fc302e rgb(252,48,46)
```

Tone Color Variation

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

#978a4c Protanopia 1% of men
#ac8324 Deuteranopia 1% of men
#fc3a3a Tritanopia 0.001% of the population

Trichromacy

#bc6941 Protanomaly 1% of men, 0.01% of women
#c96528 Deuteranomaly 6% of men, 0.4% of women
#fc3636 Tritanomaly 0.01% of the population

#fc302e hex color

#fc302e Color Information

#fc302e Color Conversion

Color Schemes with #fc302e

Alternatives to #fc302e

#fc302e Preview

Shades and Tints of #fc302e

Tones of #fc302e

Color Blindness Simulator