#fc501f hex color

In a RGB color space, hex #fc501f is composed of 98.8% red, 31.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.3% magenta, 87.7% yellow and 1.2% black. It has a hue angle of 13.3 degrees, a saturation of 97.4% and a lightness of 55.5%. #fc501f color hex could be obtained by blending #ffa03e with #f90000. Closest websafe color is: #ff6633.

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

● #fc501f color description : Vivid red.

The hexadecimal color #fc501f has RGB values of R:252, G:80, B:31 and CMYK values of C:0, M:0.68, Y:0.88, K:0.01. Its decimal value is 16535583.

Hex triplet	fc501f	`#fc501f`
RGB Decimal	252, 80, 31	`rgb(252,80,31)`
RGB Percent	98.8, 31.4, 12.2	`rgb(98.8%,31.4%,12.2%)`
CMYK	0, 68, 88, 1
HSL	13.3°, 97.4, 55.5	`hsl(13.3,97.4%,55.5%)`
HSV (or HSB)	13.3°, 87.7, 98.8
Web Safe	ff6633	`#ff6633`

CIE-LAB	58.543, 63.311, 61.268
XYZ	43.263, 26.537, 4.14
xyY	0.585, 0.359, 26.537
CIE-LCH	58.543, 88.103, 44.06
CIE-LUV	58.543, 139.695, 44.164
Hunter-Lab	51.514, 59.761, 31.294
Binary	11111100, 01010000, 00011111

#fc501f
```
#fc501f rgb(252,80,31)
```
#1fcbfc
```
#1fcbfc rgb(31,203,252)
```

Complementary Color

#fc1f5d
```
#fc1f5d rgb(252,31,93)
```
#fc501f
```
#fc501f rgb(252,80,31)
```
#fcbf1f
```
#fcbf1f rgb(252,191,31)
```

Analogous Color

#1f5dfc
```
#1f5dfc rgb(31,93,252)
```
#fc501f
```
#fc501f rgb(252,80,31)
```
#1ffcbf
```
#1ffcbf rgb(31,252,191)
```

Split Complementary Color

#501ffc
```
#501ffc rgb(80,31,252)
```
#fc501f
```
#fc501f rgb(252,80,31)
```
#1ffc50
```
#1ffc50 rgb(31,252,80)
```

Triadic Color

#fc1fcb
```
#fc1fcb rgb(252,31,203)
```
#fc501f
```
#fc501f rgb(252,80,31)
```
#1ffc50
```
#1ffc50 rgb(31,252,80)
```
#1fcbfc
```
#1fcbfc rgb(31,203,252)
```

Tetradic Color

#cc2f03
```
#cc2f03 rgb(204,47,3)
```
#e53503
```
#e53503 rgb(229,53,3)
```
#fc3c06
```
#fc3c06 rgb(252,60,6)
```
#fc501f
```
#fc501f rgb(252,80,31)
```
#fc6438
```
#fc6438 rgb(252,100,56)
```
#fd7751
```
#fd7751 rgb(253,119,81)
```
#fd8b6a
```
#fd8b6a rgb(253,139,106)
```

Monochromatic Color

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

#fc1f25
```
#fc1f25 rgb(252,31,37)
```
#fc2b1f
```
#fc2b1f rgb(252,43,31)
```
#fc3e1f
```
#fc3e1f rgb(252,62,31)
```
#fc501f
```
#fc501f rgb(252,80,31)
```
#fc621f
```
#fc621f rgb(252,98,31)
```
#fc751f
```
#fc751f rgb(252,117,31)
```
#fc871f
```
#fc871f rgb(252,135,31)
```

Similar Colors

Text with hexadecimal color #fc501f

This text has a font color of #fc501f.

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

#fc501f background color

This paragraph has a background color of #fc501f.

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

#fc501f border color

This element has a border color of #fc501f.

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

CSS codes

.text {color:#fc501f;}

.background {background-color:#fc501f;}

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

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

#080200
```
#080200 rgb(8,2,0)
```
#1c0600
```
#1c0600 rgb(28,6,0)
```
#2f0b01
```
#2f0b01 rgb(47,11,1)
```
#420f01
```
#420f01 rgb(66,15,1)
```
#561401
```
#561401 rgb(86,20,1)
```
#691801
```
#691801 rgb(105,24,1)
```
#7c1d02
```
#7c1d02 rgb(124,29,2)
```
#902102
```
#902102 rgb(144,33,2)
```
#a32602
```
#a32602 rgb(163,38,2)
```
#b62a02
```
#b62a02 rgb(182,42,2)
```
#ca2f03
```
#ca2f03 rgb(202,47,3)
```
#dd3303
```
#dd3303 rgb(221,51,3)
```
#f13803
```
#f13803 rgb(241,56,3)
```

Shade Color Variation

#fc410c
```
#fc410c rgb(252,65,12)
```
#fc501f
```
#fc501f rgb(252,80,31)
```
#fc5f32
```
#fc5f32 rgb(252,95,50)
```
#fd6e46
```
#fd6e46 rgb(253,110,70)
```
#fd7d59
```
#fd7d59 rgb(253,125,89)
```
#fd8c6c
```
#fd8c6c rgb(253,140,108)
```
#fd9c80
```
#fd9c80 rgb(253,156,128)
```
#feab93
```
#feab93 rgb(254,171,147)
```
#febaa6
```
#febaa6 rgb(254,186,166)
```
#fec9ba
```
#fec9ba rgb(254,201,186)
```
#fed8cd
```
#fed8cd rgb(254,216,205)
```
#ffe7e1
```
#ffe7e1 rgb(255,231,225)
```
#fff6f4
```
#fff6f4 rgb(255,246,244)
```

Tint Color Variation

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

#938a88
```
#938a88 rgb(147,138,136)
```
#9c857f
```
#9c857f rgb(156,133,127)
```
#a58176
```
#a58176 rgb(165,129,118)
```
#ad7c6e
```
#ad7c6e rgb(173,124,110)
```
#b67765
```
#b67765 rgb(182,119,101)
```
#bf725c
```
#bf725c rgb(191,114,92)
```
#c86d53
```
#c86d53 rgb(200,109,83)
```
#d0684b
```
#d0684b rgb(208,104,75)
```
#d96342
```
#d96342 rgb(217,99,66)
```
#e25f39
```
#e25f39 rgb(226,95,57)
```
#eb5a30
```
#eb5a30 rgb(235,90,48)
```
#f35528
```
#f35528 rgb(243,85,40)
```
#fc501f
```
#fc501f rgb(252,80,31)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#97756b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39238 Protanopia 1% of men
#b78b00 Deuteranopia 1% of men
#fd5458 Tritanopia 0.001% of the population

Trichromacy

#c37a2f Protanomaly 1% of men, 0.01% of women
#d0750b Deuteranomaly 6% of men, 0.4% of women
#fc5243 Tritanomaly 0.01% of the population

#fc501f hex color

#fc501f Color Information

#fc501f Color Conversion

Color Schemes with #fc501f

Alternatives to #fc501f

#fc501f Preview

Shades and Tints of #fc501f

Tones of #fc501f

Color Blindness Simulator