#fc302a hex color

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

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

● #fc302a color description : Bright red.

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

Hex triplet	fc302a	`#fc302a`
RGB Decimal	252, 48, 42	`rgb(252,48,42)`
RGB Percent	98.8, 18.8, 16.5	`rgb(98.8%,18.8%,16.5%)`
CMYK	0, 81, 83, 1
HSL	1.7°, 97.2, 57.6	`hsl(1.7,97.2%,57.6%)`
HSV (or HSB)	1.7°, 83.3, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.054, 73.426, 53.694
XYZ	41.622, 22.982, 4.435
xyY	0.603, 0.333, 22.982
CIE-LCH	55.054, 90.964, 36.176
CIE-LUV	55.054, 156.552, 35.214
Hunter-Lab	47.939, 71.084, 28.073
Binary	11111100, 00110000, 00101010

#fc302a
```
#fc302a rgb(252,48,42)
```
#2af6fc
```
#2af6fc rgb(42,246,252)
```

Complementary Color

#fc2a8d
```
#fc2a8d rgb(252,42,141)
```
#fc302a
```
#fc302a rgb(252,48,42)
```
#fc992a
```
#fc992a rgb(252,153,42)
```

Analogous Color

#2a8dfc
```
#2a8dfc rgb(42,141,252)
```
#fc302a
```
#fc302a rgb(252,48,42)
```
#2afc99
```
#2afc99 rgb(42,252,153)
```

Split Complementary Color

#302afc
```
#302afc rgb(48,42,252)
```
#fc302a
```
#fc302a rgb(252,48,42)
```
#2afc30
```
#2afc30 rgb(42,252,48)
```

Triadic Color

#fc2af6
```
#fc2af6 rgb(252,42,246)
```
#fc302a
```
#fc302a rgb(252,48,42)
```
#2afc30
```
#2afc30 rgb(42,252,48)
```
#2af6fc
```
#2af6fc rgb(42,246,252)
```

Tetradic Color

#d60903
```
#d60903 rgb(214,9,3)
```
#f00a03
```
#f00a03 rgb(240,10,3)
```
#fc1811
```
#fc1811 rgb(252,24,17)
```
#fc302a
```
#fc302a rgb(252,48,42)
```
#fc4843
```
#fc4843 rgb(252,72,67)
```
#fd615c
```
#fd615c rgb(253,97,92)
```
#fd7975
```
#fd7975 rgb(253,121,117)
```

Monochromatic Color

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

#fc2a59
```
#fc2a59 rgb(252,42,89)
```
#fc2a47
```
#fc2a47 rgb(252,42,71)
```
#fc2a36
```
#fc2a36 rgb(252,42,54)
```
#fc302a
```
#fc302a rgb(252,48,42)
```
#fc422a
```
#fc422a rgb(252,66,42)
```
#fc532a
```
#fc532a rgb(252,83,42)
```
#fc652a
```
#fc652a rgb(252,101,42)
```

Similar Colors

Text with hexadecimal color #fc302a

This text has a font color of #fc302a.

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

#fc302a background color

This paragraph has a background color of #fc302a.

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

#fc302a border color

This element has a border color of #fc302a.

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

CSS codes

.text {color:#fc302a;}

.background {background-color:#fc302a;}

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

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

#130100
```
#130100 rgb(19,1,0)
```
#260201
```
#260201 rgb(38,2,1)
```
#3a0201
```
#3a0201 rgb(58,2,1)
```
#4d0301
```
#4d0301 rgb(77,3,1)
```
#600401
```
#600401 rgb(96,4,1)
```
#740502
```
#740502 rgb(116,5,2)
```
#870602
```
#870602 rgb(135,6,2)
```
#9b0702
```
#9b0702 rgb(155,7,2)
```
#ae0702
```
#ae0702 rgb(174,7,2)
```
#c10803
```
#c10803 rgb(193,8,3)
```
#d50903
```
#d50903 rgb(213,9,3)
```
#e80a03
```
#e80a03 rgb(232,10,3)
```
#fb0b04
```
#fb0b04 rgb(251,11,4)
```

Shade Color Variation

#fc1d17
```
#fc1d17 rgb(252,29,23)
```
#fc302a
```
#fc302a rgb(252,48,42)
```
#fc433d
```
#fc433d rgb(252,67,61)
```
#fd5651
```
#fd5651 rgb(253,86,81)
```
#fd6864
```
#fd6864 rgb(253,104,100)
```
#fd7b77
```
#fd7b77 rgb(253,123,119)
```
#fd8e8b
```
#fd8e8b rgb(253,142,139)
```
#fea19e
```
#fea19e rgb(254,161,158)
```
#feb4b1
```
#feb4b1 rgb(254,180,177)
```
#fec6c5
```
#fec6c5 rgb(254,198,197)
```
#fed9d8
```
#fed9d8 rgb(254,217,216)
```
#ffeceb
```
#ffeceb rgb(255,236,235)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#988e8e
```
#988e8e rgb(152,142,142)
```
#a18685
```
#a18685 rgb(161,134,133)
```
#a97e7d
```
#a97e7d rgb(169,126,125)
```
#b17675
```
#b17675 rgb(177,118,117)
```
#ba6f6c
```
#ba6f6c rgb(186,111,108)
```
#c26764
```
#c26764 rgb(194,103,100)
```
#ca5f5c
```
#ca5f5c rgb(202,95,92)
```
#d25754
```
#d25754 rgb(210,87,84)
```
#db4f4b
```
#db4f4b rgb(219,79,75)
```
#e34743
```
#e34743 rgb(227,71,67)
```
#eb403b
```
#eb403b rgb(235,64,59)
```
#f43832
```
#f43832 rgb(244,56,50)
```
#fc302a
```
#fc302a rgb(252,48,42)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#89605f Atypical Achromatopsia 0.001% of the population

Dichromacy

#988a48 Protanopia 1% of men
#ac831e Deuteranopia 1% of men
#fc3a3a Tritanopia 0.001% of the population

Trichromacy

#bc693d Protanomaly 1% of men, 0.01% of women
#c96522 Deuteranomaly 6% of men, 0.4% of women
#fc3634 Tritanomaly 0.01% of the population

#fc302a hex color

#fc302a Color Information

#fc302a Color Conversion

Color Schemes with #fc302a

Alternatives to #fc302a

#fc302a Preview

Shades and Tints of #fc302a

Tones of #fc302a

Color Blindness Simulator