#fc502c hex color

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

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

● #fc502c color description : Bright red.

The hexadecimal color #fc502c has RGB values of R:252, G:80, B:44 and CMYK values of C:0, M:0.68, Y:0.83, K:0.01. Its decimal value is 16535596.

Hex triplet	fc502c	`#fc502c`
RGB Decimal	252, 80, 44	`rgb(252,80,44)`
RGB Percent	98.8, 31.4, 17.3	`rgb(98.8%,31.4%,17.3%)`
CMYK	0, 68, 83, 1
HSL	10.4°, 97.2, 58	`hsl(10.4,97.2%,58%)`
HSV (or HSB)	10.4°, 82.5, 98.8
Web Safe	ff6633	`#ff6633`

CIE-LAB	58.621, 63.59, 55.946
XYZ	43.47, 26.62, 5.232
xyY	0.577, 0.353, 26.62
CIE-LCH	58.621, 84.697, 41.341
CIE-LUV	58.621, 138.263, 41.328
Hunter-Lab	51.594, 60.103, 30.104
Binary	11111100, 01010000, 00101100

#fc502c
```
#fc502c rgb(252,80,44)
```
#2cd8fc
```
#2cd8fc rgb(44,216,252)
```

Complementary Color

#fc2c70
```
#fc2c70 rgb(252,44,112)
```
#fc502c
```
#fc502c rgb(252,80,44)
```
#fcb82c
```
#fcb82c rgb(252,184,44)
```

Analogous Color

#2c70fc
```
#2c70fc rgb(44,112,252)
```
#fc502c
```
#fc502c rgb(252,80,44)
```
#2cfcb8
```
#2cfcb8 rgb(44,252,184)
```

Split Complementary Color

#502cfc
```
#502cfc rgb(80,44,252)
```
#fc502c
```
#fc502c rgb(252,80,44)
```
#2cfc50
```
#2cfc50 rgb(44,252,80)
```

Triadic Color

#fc2cd8
```
#fc2cd8 rgb(252,44,216)
```
#fc502c
```
#fc502c rgb(252,80,44)
```
#2cfc50
```
#2cfc50 rgb(44,252,80)
```
#2cd8fc
```
#2cd8fc rgb(44,216,252)
```

Tetradic Color

#d82803
```
#d82803 rgb(216,40,3)
```
#f22d03
```
#f22d03 rgb(242,45,3)
```
#fc3b13
```
#fc3b13 rgb(252,59,19)
```
#fc502c
```
#fc502c rgb(252,80,44)
```
#fc6545
```
#fc6545 rgb(252,101,69)
```
#fd7a5e
```
#fd7a5e rgb(253,122,94)
```
#fd8f77
```
#fd8f77 rgb(253,143,119)
```

Monochromatic Color

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

#fc2c3c
```
#fc2c3c rgb(252,44,60)
```
#fc2d2c
```
#fc2d2c rgb(252,45,44)
```
#fc3f2c
```
#fc3f2c rgb(252,63,44)
```
#fc502c
```
#fc502c rgb(252,80,44)
```
#fc612c
```
#fc612c rgb(252,97,44)
```
#fc732c
```
#fc732c rgb(252,115,44)
```
#fc842c
```
#fc842c rgb(252,132,44)
```

Similar Colors

Text with hexadecimal color #fc502c

This text has a font color of #fc502c.

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

#fc502c background color

This paragraph has a background color of #fc502c.

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

#fc502c border color

This element has a border color of #fc502c.

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

CSS codes

.text {color:#fc502c;}

.background {background-color:#fc502c;}

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

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 #fff0ed is the lightest one.

#020000
```
#020000 rgb(2,0,0)
```
#150400
```
#150400 rgb(21,4,0)
```
#280701
```
#280701 rgb(40,7,1)
```
#3c0b01
```
#3c0b01 rgb(60,11,1)
```
#4f0f01
```
#4f0f01 rgb(79,15,1)
```
#621201
```
#621201 rgb(98,18,1)
```
#761602
```
#761602 rgb(118,22,2)
```
#891902
```
#891902 rgb(137,25,2)
```
#9c1d02
```
#9c1d02 rgb(156,29,2)
```
#b02002
```
#b02002 rgb(176,32,2)
```
#c32403
```
#c32403 rgb(195,36,3)
```
#d62803
```
#d62803 rgb(214,40,3)
```
#ea2b03
```
#ea2b03 rgb(234,43,3)
```

Shade Color Variation

#fb3005
```
#fb3005 rgb(251,48,5)
```
#fc4019
```
#fc4019 rgb(252,64,25)
```
#fc502c
```
#fc502c rgb(252,80,44)
```
#fc603f
```
#fc603f rgb(252,96,63)
```
#fd7053
```
#fd7053 rgb(253,112,83)
```
#fd8066
```
#fd8066 rgb(253,128,102)
```
#fd9079
```
#fd9079 rgb(253,144,121)
```
#fda08d
```
#fda08d rgb(253,160,141)
```
#feb0a0
```
#feb0a0 rgb(254,176,160)
```
#fec0b3
```
#fec0b3 rgb(254,192,179)
```
#fed0c7
```
#fed0c7 rgb(254,208,199)
```
#fee0da
```
#fee0da rgb(254,224,218)
```
#fff0ed
```
#fff0ed rgb(255,240,237)
```

Tint Color Variation

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

#99918f
```
#99918f rgb(153,145,143)
```
#a18b87
```
#a18b87 rgb(161,139,135)
```
#aa867e
```
#aa867e rgb(170,134,126)
```
#b28076
```
#b28076 rgb(178,128,118)
```
#ba7b6e
```
#ba7b6e rgb(186,123,110)
```
#c27666
```
#c27666 rgb(194,118,102)
```
#cb705d
```
#cb705d rgb(203,112,93)
```
#d36b55
```
#d36b55 rgb(211,107,85)
```
#db664d
```
#db664d rgb(219,102,77)
```
#e36045
```
#e36045 rgb(227,96,69)
```
#ec5b3c
```
#ec5b3c rgb(236,91,60)
```
#f45534
```
#f45534 rgb(244,85,52)
```
#fc502c
```
#fc502c rgb(252,80,44)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#98766e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29345 Protanopia 1% of men
#b78b24 Deuteranopia 1% of men
#fd5558 Tritanopia 0.001% of the population

Trichromacy

#c37a3c Protanomaly 1% of men, 0.01% of women
#d07627 Deuteranomaly 6% of men, 0.4% of women
#fc5348 Tritanomaly 0.01% of the population

#fc502c hex color

#fc502c Color Information

#fc502c Color Conversion

Color Schemes with #fc502c

Alternatives to #fc502c

#fc502c Preview

Shades and Tints of #fc502c

Tones of #fc502c

Color Blindness Simulator