#fc7f31 hex color

In a RGB color space, hex #fc7f31 is composed of 98.8% red, 49.8% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.6% magenta, 80.6% yellow and 1.2% black. It has a hue angle of 23.1 degrees, a saturation of 97.1% and a lightness of 59%. #fc7f31 color hex could be obtained by blending #fffe62 with #f90000. Closest websafe color is: #ff6633.

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

● #fc7f31 color description : Bright orange.

The hexadecimal color #fc7f31 has RGB values of R:252, G:127, B:49 and CMYK values of C:0, M:0.5, Y:0.81, K:0.01. Its decimal value is 16547633.

Hex triplet	fc7f31	`#fc7f31`
RGB Decimal	252, 127, 49	`rgb(252,127,49)`
RGB Percent	98.8, 49.8, 19.2	`rgb(98.8%,49.8%,19.2%)`
CMYK	0, 50, 81, 1
HSL	23.1°, 97.1, 59	`hsl(23.1,97.1%,59%)`
HSV (or HSB)	23.1°, 80.6, 98.8
Web Safe	ff6633	`#ff6633`

CIE-LAB	66.597, 42.954, 61.045
XYZ	48.29, 36.1, 7.331
xyY	0.526, 0.394, 36.1
CIE-LCH	66.597, 74.643, 54.868
CIE-LUV	66.597, 102.066, 54.314
Hunter-Lab	60.084, 38.318, 34.825
Binary	11111100, 01111111, 00110001

#fc7f31
```
#fc7f31 rgb(252,127,49)
```
#31aefc
```
#31aefc rgb(49,174,252)
```

Complementary Color

#fc3148
```
#fc3148 rgb(252,49,72)
```
#fc7f31
```
#fc7f31 rgb(252,127,49)
```
#fce531
```
#fce531 rgb(252,229,49)
```

Analogous Color

#3148fc
```
#3148fc rgb(49,72,252)
```
#fc7f31
```
#fc7f31 rgb(252,127,49)
```
#31fce5
```
#31fce5 rgb(49,252,229)
```

Split Complementary Color

#7f31fc
```
#7f31fc rgb(127,49,252)
```
#fc7f31
```
#fc7f31 rgb(252,127,49)
```
#31fc7f
```
#31fc7f rgb(49,252,127)
```

Triadic Color

#fc31ae
```
#fc31ae rgb(252,49,174)
```
#fc7f31
```
#fc7f31 rgb(252,127,49)
```
#31fc7f
```
#31fc7f rgb(49,252,127)
```
#31aefc
```
#31aefc rgb(49,174,252)
```

Tetradic Color

#dd5703
```
#dd5703 rgb(221,87,3)
```
#f66104
```
#f66104 rgb(246,97,4)
```
#fc6f18
```
#fc6f18 rgb(252,111,24)
```
#fc7f31
```
#fc7f31 rgb(252,127,49)
```
#fc8f4a
```
#fc8f4a rgb(252,143,74)
```
#fd9e63
```
#fd9e63 rgb(253,158,99)
```
#fdae7c
```
#fdae7c rgb(253,174,124)
```

Monochromatic Color

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

#fc4c31
```
#fc4c31 rgb(252,76,49)
```
#fc5d31
```
#fc5d31 rgb(252,93,49)
```
#fc6e31
```
#fc6e31 rgb(252,110,49)
```
#fc7f31
```
#fc7f31 rgb(252,127,49)
```
#fc9031
```
#fc9031 rgb(252,144,49)
```
#fca131
```
#fca131 rgb(252,161,49)
```
#fcb231
```
#fcb231 rgb(252,178,49)
```

Similar Colors

Text with hexadecimal color #fc7f31

This text has a font color of #fc7f31.

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

#fc7f31 background color

This paragraph has a background color of #fc7f31.

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

#fc7f31 border color

This element has a border color of #fc7f31.

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

CSS codes

.text {color:#fc7f31;}

.background {background-color:#fc7f31;}

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

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

#070300
```
#070300 rgb(7,3,0)
```
#1a0a00
```
#1a0a00 rgb(26,10,0)
```
#2d1201
```
#2d1201 rgb(45,18,1)
```
#411901
```
#411901 rgb(65,25,1)
```
#542101
```
#542101 rgb(84,33,1)
```
#672902
```
#672902 rgb(103,41,2)
```
#7b3002
```
#7b3002 rgb(123,48,2)
```
#8e3802
```
#8e3802 rgb(142,56,2)
```
#a13f02
```
#a13f02 rgb(161,63,2)
```
#b54703
```
#b54703 rgb(181,71,3)
```
#c84f03
```
#c84f03 rgb(200,79,3)
```
#db5603
```
#db5603 rgb(219,86,3)
```
#ef5e03
```
#ef5e03 rgb(239,94,3)
```

Shade Color Variation

#fb670a
```
#fb670a rgb(251,103,10)
```
#fc731e
```
#fc731e rgb(252,115,30)
```
#fc7f31
```
#fc7f31 rgb(252,127,49)
```
#fc8b44
```
#fc8b44 rgb(252,139,68)
```
#fd9758
```
#fd9758 rgb(253,151,88)
```
#fda36b
```
#fda36b rgb(253,163,107)
```
#fdaf7e
```
#fdaf7e rgb(253,175,126)
```
#fdbb92
```
#fdbb92 rgb(253,187,146)
```
#fec7a5
```
#fec7a5 rgb(254,199,165)
```
#fed3b8
```
#fed3b8 rgb(254,211,184)
```
#fedfcc
```
#fedfcc rgb(254,223,204)
```
#ffebdf
```
#ffebdf rgb(255,235,223)
```
#fff7f2
```
#fff7f2 rgb(255,247,242)
```

Tint Color Variation

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

#9c9591
```
#9c9591 rgb(156,149,145)
```
#a49389
```
#a49389 rgb(164,147,137)
```
#ac9281
```
#ac9281 rgb(172,146,129)
```
#b49079
```
#b49079 rgb(180,144,121)
```
#bc8e71
```
#bc8e71 rgb(188,142,113)
```
#c48c69
```
#c48c69 rgb(196,140,105)
```
#cc8a61
```
#cc8a61 rgb(204,138,97)
```
#d48859
```
#d48859 rgb(212,136,89)
```
#dc8651
```
#dc8651 rgb(220,134,81)
```
#e48549
```
#e48549 rgb(228,133,73)
```
#ec8341
```
#ec8341 rgb(236,131,65)
```
#f48139
```
#f48139 rgb(244,129,57)
```
#fc7f31
```
#fc7f31 rgb(252,127,49)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#ae9586 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a744 Protanopia 1% of men
#cf9e31 Deuteranopia 1% of men
#ff7e86 Tritanopia 0.001% of the population

Trichromacy

#d1983d Protanomaly 1% of men, 0.01% of women
#df9331 Deuteranomaly 6% of men, 0.4% of women
#fd7e67 Tritanomaly 0.01% of the population

#fc7f31 hex color

#fc7f31 Color Information

#fc7f31 Color Conversion

Color Schemes with #fc7f31

Alternatives to #fc7f31

#fc7f31 Preview

Shades and Tints of #fc7f31

Tones of #fc7f31

Color Blindness Simulator