#fc302d hex color

In a RGB color space, hex #fc302d is composed of 98.8% red, 18.8% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81% magenta, 82.1% yellow and 1.2% black. It has a hue angle of 0.9 degrees, a saturation of 97.2% and a lightness of 58.2%. #fc302d color hex could be obtained by blending #ff605a 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

● #fc302d color description : Bright red.

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

Hex triplet	fc302d	`#fc302d`
RGB Decimal	252, 48, 45	`rgb(252,48,45)`
RGB Percent	98.8, 18.8, 17.6	`rgb(98.8%,18.8%,17.6%)`
CMYK	0, 81, 82, 1
HSL	0.9°, 97.2, 58.2	`hsl(0.9,97.2%,58.2%)`
HSV (or HSB)	0.9°, 82.1, 98.8
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.077, 73.497, 52.248
XYZ	41.678, 23.004, 4.728
xyY	0.6, 0.331, 23.004
CIE-LCH	55.077, 90.175, 35.408
CIE-LUV	55.077, 156.07, 34.413
Hunter-Lab	47.963, 71.175, 27.729
Binary	11111100, 00110000, 00101101

#fc302d
```
#fc302d rgb(252,48,45)
```
#2df9fc
```
#2df9fc rgb(45,249,252)
```

Complementary Color

#fc2d92
```
#fc2d92 rgb(252,45,146)
```
#fc302d
```
#fc302d rgb(252,48,45)
```
#fc982d
```
#fc982d rgb(252,152,45)
```

Analogous Color

#2d92fc
```
#2d92fc rgb(45,146,252)
```
#fc302d
```
#fc302d rgb(252,48,45)
```
#2dfc98
```
#2dfc98 rgb(45,252,152)
```

Split Complementary Color

#302dfc
```
#302dfc rgb(48,45,252)
```
#fc302d
```
#fc302d rgb(252,48,45)
```
#2dfc30
```
#2dfc30 rgb(45,252,48)
```

Triadic Color

#fc2df9
```
#fc2df9 rgb(252,45,249)
```
#fc302d
```
#fc302d rgb(252,48,45)
```
#2dfc30
```
#2dfc30 rgb(45,252,48)
```
#2df9fc
```
#2df9fc rgb(45,249,252)
```

Tetradic Color

#d90603
```
#d90603 rgb(217,6,3)
```
#f30703
```
#f30703 rgb(243,7,3)
```
#fc1714
```
#fc1714 rgb(252,23,20)
```
#fc302d
```
#fc302d rgb(252,48,45)
```
#fc4946
```
#fc4946 rgb(252,73,70)
```
#fd625f
```
#fd625f rgb(253,98,95)
```
#fd7a78
```
#fd7a78 rgb(253,122,120)
```

Monochromatic Color

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

#fc2d5e
```
#fc2d5e rgb(252,45,94)
```
#fc2d4d
```
#fc2d4d rgb(252,45,77)
```
#fc2d3b
```
#fc2d3b rgb(252,45,59)
```
#fc302d
```
#fc302d rgb(252,48,45)
```
#fc412d
```
#fc412d rgb(252,65,45)
```
#fc532d
```
#fc532d rgb(252,83,45)
```
#fc642d
```
#fc642d rgb(252,100,45)
```

Similar Colors

Text with hexadecimal color #fc302d

This text has a font color of #fc302d.

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

#fc302d background color

This paragraph has a background color of #fc302d.

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

#fc302d border color

This element has a border color of #fc302d.

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

CSS codes

.text {color:#fc302d;}

.background {background-color:#fc302d;}

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

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

#030000
```
#030000 rgb(3,0,0)
```
#160100
```
#160100 rgb(22,1,0)
```
#290101
```
#290101 rgb(41,1,1)
```
#3d0201
```
#3d0201 rgb(61,2,1)
```
#500201
```
#500201 rgb(80,2,1)
```
#630301
```
#630301 rgb(99,3,1)
```
#770302
```
#770302 rgb(119,3,2)
```
#8a0402
```
#8a0402 rgb(138,4,2)
```
#9d0402
```
#9d0402 rgb(157,4,2)
```
#b10503
```
#b10503 rgb(177,5,3)
```
#c40603
```
#c40603 rgb(196,6,3)
```
#d70603
```
#d70603 rgb(215,6,3)
```
#eb0703
```
#eb0703 rgb(235,7,3)
```

Shade Color Variation

#fb0a06
```
#fb0a06 rgb(251,10,6)
```
#fc1d1a
```
#fc1d1a rgb(252,29,26)
```
#fc302d
```
#fc302d rgb(252,48,45)
```
#fc4340
```
#fc4340 rgb(252,67,64)
```
#fd5654
```
#fd5654 rgb(253,86,84)
```
#fd6967
```
#fd6967 rgb(253,105,103)
```
#fd7c7a
```
#fd7c7a rgb(253,124,122)
```
#fd8f8e
```
#fd8f8e rgb(253,143,142)
```
#fea2a1
```
#fea2a1 rgb(254,162,161)
```
#feb5b4
```
#feb5b4 rgb(254,181,180)
```
#fec9c8
```
#fec9c8 rgb(254,201,200)
```
#fedcdb
```
#fedcdb rgb(254,220,219)
```
#ffefee
```
#ffefee rgb(255,239,238)
```

Tint Color Variation

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

#9a8f8f
```
#9a8f8f rgb(154,143,143)
```
#a28887
```
#a28887 rgb(162,136,135)
```
#aa807f
```
#aa807f rgb(170,128,127)
```
#b27877
```
#b27877 rgb(178,120,119)
```
#ba706f
```
#ba706f rgb(186,112,111)
```
#c36866
```
#c36866 rgb(195,104,102)
```
#cb605e
```
#cb605e rgb(203,96,94)
```
#d35856
```
#d35856 rgb(211,88,86)
```
#db504e
```
#db504e rgb(219,80,78)
```
#e34846
```
#e34846 rgb(227,72,70)
```
#ec403d
```
#ec403d rgb(236,64,61)
```
#f43835
```
#f43835 rgb(244,56,53)
```
#fc302d
```
#fc302d rgb(252,48,45)
```

Tone Color Variation

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

#978a4b Protanopia 1% of men
#ac8323 Deuteranopia 1% of men
#fc3a3a Tritanopia 0.001% of the population

Trichromacy

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

#fc302d hex color

#fc302d Color Information

#fc302d Color Conversion

Color Schemes with #fc302d

Alternatives to #fc302d

#fc302d Preview

Shades and Tints of #fc302d

Tones of #fc302d

Color Blindness Simulator