#fc9312 hex color

In a RGB color space, hex #fc9312 is composed of 98.8% red, 57.6% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.7% magenta, 92.9% yellow and 1.2% black. It has a hue angle of 33.1 degrees, a saturation of 97.5% and a lightness of 52.9%. #fc9312 color hex could be obtained by blending #ffff24 with #f92700. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 99
- G 58
- B 7
RGB color chart
- C 0
- M 42
- Y 93
- K 1
CMYK color chart

● #fc9312 color description : Vivid orange.

The hexadecimal color #fc9312 has RGB values of R:252, G:147, B:18 and CMYK values of C:0, M:0.42, Y:0.93, K:0.01. Its decimal value is 16552722.

Hex triplet	fc9312	`#fc9312`
RGB Decimal	252, 147, 18	`rgb(252,147,18)`
RGB Percent	98.8, 57.6, 7.1	`rgb(98.8%,57.6%,7.1%)`
CMYK	0, 42, 93, 1
HSL	33.1°, 97.5, 52.9	`hsl(33.1,97.5%,52.9%)`
HSV (or HSB)	33.1°, 92.9, 98.8
Web Safe	ff9900	`#ff9900`

CIE-LAB	70.602, 32.191, 73.484
XYZ	50.689, 41.611, 5.935
xyY	0.516, 0.424, 41.611
CIE-LCH	70.602, 80.225, 66.343
CIE-LUV	70.602, 87.089, 66.389
Hunter-Lab	64.506, 27.38, 39.7
Binary	11111100, 10010011, 00010010

#fc9312
```
#fc9312 rgb(252,147,18)
```
#127bfc
```
#127bfc rgb(18,123,252)
```

Complementary Color

#fc1e12
```
#fc1e12 rgb(252,30,18)
```
#fc9312
```
#fc9312 rgb(252,147,18)
```
#f0fc12
```
#f0fc12 rgb(240,252,18)
```

Analogous Color

#1e12fc
```
#1e12fc rgb(30,18,252)
```
#fc9312
```
#fc9312 rgb(252,147,18)
```
#12f0fc
```
#12f0fc rgb(18,240,252)
```

Split Complementary Color

#9312fc
```
#9312fc rgb(147,18,252)
```
#fc9312
```
#fc9312 rgb(252,147,18)
```
#12fc93
```
#12fc93 rgb(18,252,147)
```

Triadic Color

#fc127b
```
#fc127b rgb(252,18,123)
```
#fc9312
```
#fc9312 rgb(252,147,18)
```
#12fc93
```
#12fc93 rgb(18,252,147)
```
#127bfc
```
#127bfc rgb(18,123,252)
```

Tetradic Color

#bf6a02
```
#bf6a02 rgb(191,106,2)
```
#d87803
```
#d87803 rgb(216,120,3)
```
#f18603
```
#f18603 rgb(241,134,3)
```
#fc9312
```
#fc9312 rgb(252,147,18)
```
#fc9e2b
```
#fc9e2b rgb(252,158,43)
```
#fdaa44
```
#fdaa44 rgb(253,170,68)
```
#fdb55e
```
#fdb55e rgb(253,181,94)
```

Monochromatic Color

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

#fc5912
```
#fc5912 rgb(252,89,18)
```
#fc6c12
```
#fc6c12 rgb(252,108,18)
```
#fc8012
```
#fc8012 rgb(252,128,18)
```
#fc9312
```
#fc9312 rgb(252,147,18)
```
#fca712
```
#fca712 rgb(252,167,18)
```
#fcba12
```
#fcba12 rgb(252,186,18)
```
#fcce12
```
#fcce12 rgb(252,206,18)
```

Similar Colors

Text with hexadecimal color #fc9312

This text has a font color of #fc9312.

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

#fc9312 background color

This paragraph has a background color of #fc9312.

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

#fc9312 border color

This element has a border color of #fc9312.

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

CSS codes

.text {color:#fc9312;}

.background {background-color:#fc9312;}

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

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, #0f0800 is the darkest color, while #fffdfa is the lightest one.

#0f0800
```
#0f0800 rgb(15,8,0)
```
#221300
```
#221300 rgb(34,19,0)
```
#361e01
```
#361e01 rgb(54,30,1)
```
#492901
```
#492901 rgb(73,41,1)
```
#5c3301
```
#5c3301 rgb(92,51,1)
```
#703e01
```
#703e01 rgb(112,62,1)
```
#834902
```
#834902 rgb(131,73,2)
```
#965402
```
#965402 rgb(150,84,2)
```
#aa5f02
```
#aa5f02 rgb(170,95,2)
```
#bd6902
```
#bd6902 rgb(189,105,2)
```
#d17403
```
#d17403 rgb(209,116,3)
```
#e47f03
```
#e47f03 rgb(228,127,3)
```
#f78a03
```
#f78a03 rgb(247,138,3)
```

Shade Color Variation

#fc9312
```
#fc9312 rgb(252,147,18)
```
#fc9c25
```
#fc9c25 rgb(252,156,37)
```
#fca539
```
#fca539 rgb(252,165,57)
```
#fdad4c
```
#fdad4c rgb(253,173,76)
```
#fdb65f
```
#fdb65f rgb(253,182,95)
```
#fdbf73
```
#fdbf73 rgb(253,191,115)
```
#fdc886
```
#fdc886 rgb(253,200,134)
```
#fed19a
```
#fed19a rgb(254,209,154)
```
#fedaad
```
#fedaad rgb(254,218,173)
```
#fee2c0
```
#fee2c0 rgb(254,226,192)
```
#feebd4
```
#feebd4 rgb(254,235,212)
```
#fff4e7
```
#fff4e7 rgb(255,244,231)
```
#fffdfa
```
#fffdfa rgb(255,253,250)
```

Tint Color Variation

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

#8d8881
```
#8d8881 rgb(141,136,129)
```
#968978
```
#968978 rgb(150,137,120)
```
#a08a6e
```
#a08a6e rgb(160,138,110)
```
#a98a65
```
#a98a65 rgb(169,138,101)
```
#b28b5c
```
#b28b5c rgb(178,139,92)
```
#bb8c53
```
#bb8c53 rgb(187,140,83)
```
#c58d49
```
#c58d49 rgb(197,141,73)
```
#ce8e40
```
#ce8e40 rgb(206,142,64)
```
#d78f37
```
#d78f37 rgb(215,143,55)
```
#e0902e
```
#e0902e rgb(224,144,46)
```
#ea9124
```
#ea9124 rgb(234,145,36)
```
#f3921b
```
#f3921b rgb(243,146,27)
```
#fc9312
```
#fc9312 rgb(252,147,18)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#b6a187 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b125 Protanopia 1% of men
#dda800 Deuteranopia 1% of men
#ff9099 Tritanopia 0.001% of the population

Trichromacy

#d9a61e Protanomaly 1% of men, 0.01% of women
#e8a006 Deuteranomaly 6% of men, 0.4% of women
#fd9167 Tritanomaly 0.01% of the population

#fc9312 hex color

#fc9312 Color Information

#fc9312 Color Conversion

Color Schemes with #fc9312

Alternatives to #fc9312

#fc9312 Preview

Shades and Tints of #fc9312

Tones of #fc9312

Color Blindness Simulator