#fc5c1f hex color

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

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

● #fc5c1f color description : Vivid orange.

The hexadecimal color #fc5c1f has RGB values of R:252, G:92, B:31 and CMYK values of C:0, M:0.63, Y:0.88, K:0.01. Its decimal value is 16538655.

Hex triplet	fc5c1f	`#fc5c1f`
RGB Decimal	252, 92, 31	`rgb(252,92,31)`
RGB Percent	98.8, 36.1, 12.2	`rgb(98.8%,36.1%,12.2%)`
CMYK	0, 63, 88, 1
HSL	16.6°, 97.4, 55.5	`hsl(16.6,97.4%,55.5%)`
HSV (or HSB)	16.6°, 87.7, 98.8
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.296, 58.574, 62.604
XYZ	44.221, 28.454, 4.46
xyY	0.573, 0.369, 28.454
CIE-LCH	60.296, 85.733, 46.905
CIE-LUV	60.296, 131.155, 47.28
Hunter-Lab	53.342, 54.631, 32.382
Binary	11111100, 01011100, 00011111

#fc5c1f
```
#fc5c1f rgb(252,92,31)
```
#1fbffc
```
#1fbffc rgb(31,191,252)
```

Complementary Color

#fc1f50
```
#fc1f50 rgb(252,31,80)
```
#fc5c1f
```
#fc5c1f rgb(252,92,31)
```
#fccb1f
```
#fccb1f rgb(252,203,31)
```

Analogous Color

#1f50fc
```
#1f50fc rgb(31,80,252)
```
#fc5c1f
```
#fc5c1f rgb(252,92,31)
```
#1ffccb
```
#1ffccb rgb(31,252,203)
```

Split Complementary Color

#5c1ffc
```
#5c1ffc rgb(92,31,252)
```
#fc5c1f
```
#fc5c1f rgb(252,92,31)
```
#1ffc5c
```
#1ffc5c rgb(31,252,92)
```

Triadic Color

#fc1fbf
```
#fc1fbf rgb(252,31,191)
```
#fc5c1f
```
#fc5c1f rgb(252,92,31)
```
#1ffc5c
```
#1ffc5c rgb(31,252,92)
```
#1fbffc
```
#1fbffc rgb(31,191,252)
```

Tetradic Color

#cc3a03
```
#cc3a03 rgb(204,58,3)
```
#e54103
```
#e54103 rgb(229,65,3)
```
#fc4a06
```
#fc4a06 rgb(252,74,6)
```
#fc5c1f
```
#fc5c1f rgb(252,92,31)
```
#fc6e38
```
#fc6e38 rgb(252,110,56)
```
#fd8151
```
#fd8151 rgb(253,129,81)
```
#fd936a
```
#fd936a rgb(253,147,106)
```

Monochromatic Color

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

#fc251f
```
#fc251f rgb(252,37,31)
```
#fc371f
```
#fc371f rgb(252,55,31)
```
#fc4a1f
```
#fc4a1f rgb(252,74,31)
```
#fc5c1f
```
#fc5c1f rgb(252,92,31)
```
#fc6e1f
```
#fc6e1f rgb(252,110,31)
```
#fc811f
```
#fc811f rgb(252,129,31)
```
#fc931f
```
#fc931f rgb(252,147,31)
```

Similar Colors

Text with hexadecimal color #fc5c1f

This text has a font color of #fc5c1f.

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

#fc5c1f background color

This paragraph has a background color of #fc5c1f.

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

#fc5c1f border color

This element has a border color of #fc5c1f.

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

CSS codes

.text {color:#fc5c1f;}

.background {background-color:#fc5c1f;}

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

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

#080200
```
#080200 rgb(8,2,0)
```
#1c0800
```
#1c0800 rgb(28,8,0)
```
#2f0d01
```
#2f0d01 rgb(47,13,1)
```
#421301
```
#421301 rgb(66,19,1)
```
#561801
```
#561801 rgb(86,24,1)
```
#691e01
```
#691e01 rgb(105,30,1)
```
#7c2402
```
#7c2402 rgb(124,36,2)
```
#902902
```
#902902 rgb(144,41,2)
```
#a32f02
```
#a32f02 rgb(163,47,2)
```
#b63402
```
#b63402 rgb(182,52,2)
```
#ca3a03
```
#ca3a03 rgb(202,58,3)
```
#dd3f03
```
#dd3f03 rgb(221,63,3)
```
#f14503
```
#f14503 rgb(241,69,3)
```

Shade Color Variation

#fc4e0c
```
#fc4e0c rgb(252,78,12)
```
#fc5c1f
```
#fc5c1f rgb(252,92,31)
```
#fc6a32
```
#fc6a32 rgb(252,106,50)
```
#fd7846
```
#fd7846 rgb(253,120,70)
```
#fd8659
```
#fd8659 rgb(253,134,89)
```
#fd946c
```
#fd946c rgb(253,148,108)
```
#fda280
```
#fda280 rgb(253,162,128)
```
#feb193
```
#feb193 rgb(254,177,147)
```
#febfa6
```
#febfa6 rgb(254,191,166)
```
#fecdba
```
#fecdba rgb(254,205,186)
```
#fedbcd
```
#fedbcd rgb(254,219,205)
```
#ffe9e1
```
#ffe9e1 rgb(255,233,225)
```
#fff7f4
```
#fff7f4 rgb(255,247,244)
```

Tint Color Variation

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

#938b88
```
#938b88 rgb(147,139,136)
```
#9c877f
```
#9c877f rgb(156,135,127)
```
#a58376
```
#a58376 rgb(165,131,118)
```
#ad7f6e
```
#ad7f6e rgb(173,127,110)
```
#b67b65
```
#b67b65 rgb(182,123,101)
```
#bf775c
```
#bf775c rgb(191,119,92)
```
#c87353
```
#c87353 rgb(200,115,83)
```
#d0704b
```
#d0704b rgb(208,112,75)
```
#d96c42
```
#d96c42 rgb(217,108,66)
```
#e26839
```
#e26839 rgb(226,104,57)
```
#eb6430
```
#eb6430 rgb(235,100,48)
```
#f36028
```
#f36028 rgb(243,96,40)
```
#fc5c1f
```
#fc5c1f rgb(252,92,31)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#9d7d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89737 Protanopia 1% of men
#bd8f09 Deuteranopia 1% of men
#fd5e63 Tritanopia 0.001% of the population

Trichromacy

#c6812e Protanomaly 1% of men, 0.01% of women
#d37c11 Deuteranomaly 6% of men, 0.4% of women
#fd5d4a Tritanomaly 0.01% of the population

#fc5c1f hex color

#fc5c1f Color Information

#fc5c1f Color Conversion

Color Schemes with #fc5c1f

Alternatives to #fc5c1f

#fc5c1f Preview

Shades and Tints of #fc5c1f

Tones of #fc5c1f

Color Blindness Simulator