#fc980c hex color

In a RGB color space, hex #fc980c is composed of 98.8% red, 59.6% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 39.7% magenta, 95.2% yellow and 1.2% black. It has a hue angle of 35 degrees, a saturation of 97.6% and a lightness of 51.8%. #fc980c color hex could be obtained by blending #ffff18 with #f93100. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 99
- G 60
- B 5
RGB color chart
- C 0
- M 40
- Y 95
- K 1
CMYK color chart

● #fc980c color description : Vivid orange.

The hexadecimal color #fc980c has RGB values of R:252, G:152, B:12 and CMYK values of C:0, M:0.4, Y:0.95, K:0.01. Its decimal value is 16553996.

Hex triplet	fc980c	`#fc980c`
RGB Decimal	252, 152, 12	`rgb(252,152,12)`
RGB Percent	98.8, 59.6, 4.7	`rgb(98.8%,59.6%,4.7%)`
CMYK	0, 40, 95, 1
HSL	35°, 97.6, 51.8	`hsl(35,97.6%,51.8%)`
HSV (or HSB)	35°, 95.2, 98.8
Web Safe	ff9900	`#ff9900`

CIE-LAB	71.679, 29.543, 75.173
XYZ	51.441, 43.183, 5.974
xyY	0.511, 0.429, 43.183
CIE-LCH	71.679, 80.77, 68.545
CIE-LUV	71.679, 83.025, 68.608
Hunter-Lab	65.713, 24.733, 40.61
Binary	11111100, 10011000, 00001100

#fc980c
```
#fc980c rgb(252,152,12)
```
#0c70fc
```
#0c70fc rgb(12,112,252)
```

Complementary Color

#fc200c
```
#fc200c rgb(252,32,12)
```
#fc980c
```
#fc980c rgb(252,152,12)
```
#e8fc0c
```
#e8fc0c rgb(232,252,12)
```

Analogous Color

#200cfc
```
#200cfc rgb(32,12,252)
```
#fc980c
```
#fc980c rgb(252,152,12)
```
#0ce8fc
```
#0ce8fc rgb(12,232,252)
```

Split Complementary Color

#980cfc
```
#980cfc rgb(152,12,252)
```
#fc980c
```
#fc980c rgb(252,152,12)
```
#0cfc98
```
#0cfc98 rgb(12,252,152)
```

Triadic Color

#fc0c70
```
#fc0c70 rgb(252,12,112)
```
#fc980c
```
#fc980c rgb(252,152,12)
```
#0cfc98
```
#0cfc98 rgb(12,252,152)
```
#0c70fc
```
#0c70fc rgb(12,112,252)
```

Tetradic Color

#b96d02
```
#b96d02 rgb(185,109,2)
```
#d27c03
```
#d27c03 rgb(210,124,3)
```
#ec8b03
```
#ec8b03 rgb(236,139,3)
```
#fc980c
```
#fc980c rgb(252,152,12)
```
#fca325
```
#fca325 rgb(252,163,37)
```
#fdad3e
```
#fdad3e rgb(253,173,62)
```
#fdb858
```
#fdb858 rgb(253,184,88)
```

Monochromatic Color

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

#fc5c0c
```
#fc5c0c rgb(252,92,12)
```
#fc700c
```
#fc700c rgb(252,112,12)
```
#fc840c
```
#fc840c rgb(252,132,12)
```
#fc980c
```
#fc980c rgb(252,152,12)
```
#fcac0c
```
#fcac0c rgb(252,172,12)
```
#fcc00c
```
#fcc00c rgb(252,192,12)
```
#fcd40c
```
#fcd40c rgb(252,212,12)
```

Similar Colors

Text with hexadecimal color #fc980c

This text has a font color of #fc980c.

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

#fc980c background color

This paragraph has a background color of #fc980c.

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

#fc980c border color

This element has a border color of #fc980c.

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

CSS codes

.text {color:#fc980c;}

.background {background-color:#fc980c;}

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

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

#090500
```
#090500 rgb(9,5,0)
```
#1c1100
```
#1c1100 rgb(28,17,0)
```
#301c01
```
#301c01 rgb(48,28,1)
```
#432701
```
#432701 rgb(67,39,1)
```
#563301
```
#563301 rgb(86,51,1)
```
#6a3e01
```
#6a3e01 rgb(106,62,1)
```
#7d4a02
```
#7d4a02 rgb(125,74,2)
```
#915502
```
#915502 rgb(145,85,2)
```
#a46002
```
#a46002 rgb(164,96,2)
```
#b76c02
```
#b76c02 rgb(183,108,2)
```
#cb7703
```
#cb7703 rgb(203,119,3)
```
#de8303
```
#de8303 rgb(222,131,3)
```
#f18e03
```
#f18e03 rgb(241,142,3)
```

Shade Color Variation

#fc980c
```
#fc980c rgb(252,152,12)
```
#fca01f
```
#fca01f rgb(252,160,31)
```
#fca833
```
#fca833 rgb(252,168,51)
```
#fdb146
```
#fdb146 rgb(253,177,70)
```
#fdb95a
```
#fdb95a rgb(253,185,90)
```
#fdc16d
```
#fdc16d rgb(253,193,109)
```
#fdc980
```
#fdc980 rgb(253,201,128)
```
#fed194
```
#fed194 rgb(254,209,148)
```
#fedaa7
```
#fedaa7 rgb(254,218,167)
```
#fee2ba
```
#fee2ba rgb(254,226,186)
```
#feeace
```
#feeace rgb(254,234,206)
```
#fff2e1
```
#fff2e1 rgb(255,242,225)
```
#fffbf5
```
#fffbf5 rgb(255,251,245)
```

Tint Color Variation

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

#8a857e
```
#8a857e rgb(138,133,126)
```
#948774
```
#948774 rgb(148,135,116)
```
#9d886b
```
#9d886b rgb(157,136,107)
```
#a78a61
```
#a78a61 rgb(167,138,97)
```
#b08b58
```
#b08b58 rgb(176,139,88)
```
#ba8d4e
```
#ba8d4e rgb(186,141,78)
```
#c38f45
```
#c38f45 rgb(195,143,69)
```
#cd903b
```
#cd903b rgb(205,144,59)
```
#d69232
```
#d69232 rgb(214,146,50)
```
#e09328
```
#e09328 rgb(224,147,40)
```
#e9951f
```
#e9951f rgb(233,149,31)
```
#f39615
```
#f39615 rgb(243,150,21)
```
#fc980c
```
#fc980c rgb(252,152,12)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#b7a387 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b420 Protanopia 1% of men
#e0ab00 Deuteranopia 1% of men
#ff949d Tritanopia 0.001% of the population

Trichromacy

#dba919 Protanomaly 1% of men, 0.01% of women
#eaa404 Deuteranomaly 6% of men, 0.4% of women
#fd9568 Tritanomaly 0.01% of the population

#fc980c hex color

#fc980c Color Information

#fc980c Color Conversion

Color Schemes with #fc980c

Alternatives to #fc980c

#fc980c Preview

Shades and Tints of #fc980c

Tones of #fc980c

Color Blindness Simulator