#fc970c hex color

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

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

● #fc970c color description : Vivid orange.

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

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

CIE-LAB	71.459, 30.061, 75.024
XYZ	51.28, 42.859, 5.92
xyY	0.512, 0.428, 42.859
CIE-LCH	71.459, 80.823, 68.165
CIE-LUV	71.459, 83.864, 68.26
Hunter-Lab	65.467, 25.249, 40.466
Binary	11111100, 10010111, 00001100

#fc970c
```
#fc970c rgb(252,151,12)
```
#0c71fc
```
#0c71fc rgb(12,113,252)
```

Complementary Color

#fc1f0c
```
#fc1f0c rgb(252,31,12)
```
#fc970c
```
#fc970c rgb(252,151,12)
```
#e9fc0c
```
#e9fc0c rgb(233,252,12)
```

Analogous Color

#1f0cfc
```
#1f0cfc rgb(31,12,252)
```
#fc970c
```
#fc970c rgb(252,151,12)
```
#0ce9fc
```
#0ce9fc rgb(12,233,252)
```

Split Complementary Color

#970cfc
```
#970cfc rgb(151,12,252)
```
#fc970c
```
#fc970c rgb(252,151,12)
```
#0cfc97
```
#0cfc97 rgb(12,252,151)
```

Triadic Color

#fc0c71
```
#fc0c71 rgb(252,12,113)
```
#fc970c
```
#fc970c rgb(252,151,12)
```
#0cfc97
```
#0cfc97 rgb(12,252,151)
```
#0c71fc
```
#0c71fc rgb(12,113,252)
```

Tetradic Color

#b96c02
```
#b96c02 rgb(185,108,2)
```
#d27b03
```
#d27b03 rgb(210,123,3)
```
#ec8a03
```
#ec8a03 rgb(236,138,3)
```
#fc970c
```
#fc970c rgb(252,151,12)
```
#fca225
```
#fca225 rgb(252,162,37)
```
#fdad3e
```
#fdad3e rgb(253,173,62)
```
#fdb758
```
#fdb758 rgb(253,183,88)
```

Monochromatic Color

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

#fc5b0c
```
#fc5b0c rgb(252,91,12)
```
#fc6f0c
```
#fc6f0c rgb(252,111,12)
```
#fc830c
```
#fc830c rgb(252,131,12)
```
#fc970c
```
#fc970c rgb(252,151,12)
```
#fcab0c
```
#fcab0c rgb(252,171,12)
```
#fcbf0c
```
#fcbf0c rgb(252,191,12)
```
#fcd30c
```
#fcd30c rgb(252,211,12)
```

Similar Colors

Text with hexadecimal color #fc970c

This text has a font color of #fc970c.

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

#fc970c background color

This paragraph has a background color of #fc970c.

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

#fc970c border color

This element has a border color of #fc970c.

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

CSS codes

.text {color:#fc970c;}

.background {background-color:#fc970c;}

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

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)
```
#563201
```
#563201 rgb(86,50,1)
```
#6a3e01
```
#6a3e01 rgb(106,62,1)
```
#7d4902
```
#7d4902 rgb(125,73,2)
```
#915402
```
#915402 rgb(145,84,2)
```
#a46002
```
#a46002 rgb(164,96,2)
```
#b76b02
```
#b76b02 rgb(183,107,2)
```
#cb7603
```
#cb7603 rgb(203,118,3)
```
#de8203
```
#de8203 rgb(222,130,3)
```
#f18d03
```
#f18d03 rgb(241,141,3)
```

Shade Color Variation

#fc970c
```
#fc970c rgb(252,151,12)
```
#fc9f1f
```
#fc9f1f rgb(252,159,31)
```
#fca833
```
#fca833 rgb(252,168,51)
```
#fdb046
```
#fdb046 rgb(253,176,70)
```
#fdb85a
```
#fdb85a rgb(253,184,90)
```
#fdc06d
```
#fdc06d rgb(253,192,109)
```
#fdc980
```
#fdc980 rgb(253,201,128)
```
#fed194
```
#fed194 rgb(254,209,148)
```
#fed9a7
```
#fed9a7 rgb(254,217,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 #fc970c 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)
```
#c38e45
```
#c38e45 rgb(195,142,69)
```
#cd903b
```
#cd903b rgb(205,144,59)
```
#d69132
```
#d69132 rgb(214,145,50)
```
#e09328
```
#e09328 rgb(224,147,40)
```
#e9941f
```
#e9941f rgb(233,148,31)
```
#f39615
```
#f39615 rgb(243,150,21)
```
#fc970c
```
#fc970c rgb(252,151,12)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#b6a286 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b320 Protanopia 1% of men
#e0aa00 Deuteranopia 1% of men
#ff939c Tritanopia 0.001% of the population

Trichromacy

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

#fc970c hex color

#fc970c Color Information

#fc970c Color Conversion

Color Schemes with #fc970c

Alternatives to #fc970c

#fc970c Preview

Shades and Tints of #fc970c

Tones of #fc970c

Color Blindness Simulator