#fc502f hex color

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

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

● #fc502f color description : Bright red.

The hexadecimal color #fc502f has RGB values of R:252, G:80, B:47 and CMYK values of C:0, M:0.68, Y:0.81, K:0.01. Its decimal value is 16535599.

Hex triplet	fc502f	`#fc502f`
RGB Decimal	252, 80, 47	`rgb(252,80,47)`
RGB Percent	98.8, 31.4, 18.4	`rgb(98.8%,31.4%,18.4%)`
CMYK	0, 68, 81, 1
HSL	9.7°, 97.2, 58.6	`hsl(9.7,97.2%,58.6%)`
HSV (or HSB)	9.7°, 81.3, 98.8
Web Safe	ff6633	`#ff6633`

CIE-LAB	58.642, 63.669, 54.584
XYZ	43.529, 26.643, 5.54
xyY	0.575, 0.352, 26.643
CIE-LCH	58.642, 83.864, 40.607
CIE-LUV	58.642, 137.864, 40.538
Hunter-Lab	51.617, 60.2, 29.769
Binary	11111100, 01010000, 00101111

#fc502f
```
#fc502f rgb(252,80,47)
```
#2fdbfc
```
#2fdbfc rgb(47,219,252)
```

Complementary Color

#fc2f75
```
#fc2f75 rgb(252,47,117)
```
#fc502f
```
#fc502f rgb(252,80,47)
```
#fcb72f
```
#fcb72f rgb(252,183,47)
```

Analogous Color

#2f75fc
```
#2f75fc rgb(47,117,252)
```
#fc502f
```
#fc502f rgb(252,80,47)
```
#2ffcb7
```
#2ffcb7 rgb(47,252,183)
```

Split Complementary Color

#502ffc
```
#502ffc rgb(80,47,252)
```
#fc502f
```
#fc502f rgb(252,80,47)
```
#2ffc50
```
#2ffc50 rgb(47,252,80)
```

Triadic Color

#fc2fdb
```
#fc2fdb rgb(252,47,219)
```
#fc502f
```
#fc502f rgb(252,80,47)
```
#2ffc50
```
#2ffc50 rgb(47,252,80)
```
#2fdbfc
```
#2fdbfc rgb(47,219,252)
```

Tetradic Color

#db2603
```
#db2603 rgb(219,38,3)
```
#f42a04
```
#f42a04 rgb(244,42,4)
```
#fc3b16
```
#fc3b16 rgb(252,59,22)
```
#fc502f
```
#fc502f rgb(252,80,47)
```
#fc6548
```
#fc6548 rgb(252,101,72)
```
#fd7a61
```
#fd7a61 rgb(253,122,97)
```
#fd8f7a
```
#fd8f7a rgb(253,143,122)
```

Monochromatic Color

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

#fc2f41
```
#fc2f41 rgb(252,47,65)
```
#fc2f30
```
#fc2f30 rgb(252,47,48)
```
#fc3f2f
```
#fc3f2f rgb(252,63,47)
```
#fc502f
```
#fc502f rgb(252,80,47)
```
#fc612f
```
#fc612f rgb(252,97,47)
```
#fc722f
```
#fc722f rgb(252,114,47)
```
#fc832f
```
#fc832f rgb(252,131,47)
```

Similar Colors

Text with hexadecimal color #fc502f

This text has a font color of #fc502f.

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

#fc502f background color

This paragraph has a background color of #fc502f.

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

#fc502f border color

This element has a border color of #fc502f.

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

CSS codes

.text {color:#fc502f;}

.background {background-color:#fc502f;}

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

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

#050100
```
#050100 rgb(5,1,0)
```
#180400
```
#180400 rgb(24,4,0)
```
#2b0801
```
#2b0801 rgb(43,8,1)
```
#3f0b01
```
#3f0b01 rgb(63,11,1)
```
#520e01
```
#520e01 rgb(82,14,1)
```
#651201
```
#651201 rgb(101,18,1)
```
#791502
```
#791502 rgb(121,21,2)
```
#8c1802
```
#8c1802 rgb(140,24,2)
```
#9f1c02
```
#9f1c02 rgb(159,28,2)
```
#b31f03
```
#b31f03 rgb(179,31,3)
```
#c62203
```
#c62203 rgb(198,34,3)
```
#d92603
```
#d92603 rgb(217,38,3)
```
#ed2903
```
#ed2903 rgb(237,41,3)
```

Shade Color Variation

#fb2f08
```
#fb2f08 rgb(251,47,8)
```
#fc401c
```
#fc401c rgb(252,64,28)
```
#fc502f
```
#fc502f rgb(252,80,47)
```
#fc6042
```
#fc6042 rgb(252,96,66)
```
#fd7156
```
#fd7156 rgb(253,113,86)
```
#fd8169
```
#fd8169 rgb(253,129,105)
```
#fd917c
```
#fd917c rgb(253,145,124)
```
#fda190
```
#fda190 rgb(253,161,144)
```
#feb2a3
```
#feb2a3 rgb(254,178,163)
```
#fec2b6
```
#fec2b6 rgb(254,194,182)
```
#fed2ca
```
#fed2ca rgb(254,210,202)
```
#ffe2dd
```
#ffe2dd rgb(255,226,221)
```
#fff3f0
```
#fff3f0 rgb(255,243,240)
```

Tint Color Variation

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

#9b9290
```
#9b9290 rgb(155,146,144)
```
#a38d88
```
#a38d88 rgb(163,141,136)
```
#ab8780
```
#ab8780 rgb(171,135,128)
```
#b38278
```
#b38278 rgb(179,130,120)
```
#bb7c70
```
#bb7c70 rgb(187,124,112)
```
#c37768
```
#c37768 rgb(195,119,104)
```
#cb7160
```
#cb7160 rgb(203,113,96)
```
#d36c58
```
#d36c58 rgb(211,108,88)
```
#dc664f
```
#dc664f rgb(220,102,79)
```
#e46147
```
#e46147 rgb(228,97,71)
```
#ec5b3f
```
#ec5b3f rgb(236,91,63)
```
#f45637
```
#f45637 rgb(244,86,55)
```
#fc502f
```
#fc502f rgb(252,80,47)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#997670 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a29349 Protanopia 1% of men
#b78c29 Deuteranopia 1% of men
#fd5559 Tritanopia 0.001% of the population

Trichromacy

#c27a3f Protanomaly 1% of men, 0.01% of women
#d0762b Deuteranomaly 6% of men, 0.4% of women
#fc5349 Tritanomaly 0.01% of the population

#fc502f hex color

#fc502f Color Information

#fc502f Color Conversion

Color Schemes with #fc502f

Alternatives to #fc502f

#fc502f Preview

Shades and Tints of #fc502f

Tones of #fc502f

Color Blindness Simulator