#fc7312 hex color

In a RGB color space, hex #fc7312 is composed of 98.8% red, 45.1% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.4% magenta, 92.9% yellow and 1.2% black. It has a hue angle of 24.9 degrees, a saturation of 97.5% and a lightness of 52.9%. #fc7312 color hex could be obtained by blending #ffe624 with #f90000. Closest websafe color is: #ff6600.

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

● #fc7312 color description : Vivid orange.

The hexadecimal color #fc7312 has RGB values of R:252, G:115, B:18 and CMYK values of C:0, M:0.54, Y:0.93, K:0.01. Its decimal value is 16544530.

Hex triplet	fc7312	`#fc7312`
RGB Decimal	252, 115, 18	`rgb(252,115,18)`
RGB Percent	98.8, 45.1, 7.1	`rgb(98.8%,45.1%,7.1%)`
CMYK	0, 54, 93, 1
HSL	24.9°, 97.5, 52.9	`hsl(24.9,97.5%,52.9%)`
HSV (or HSB)	24.9°, 92.9, 98.8
Web Safe	ff6600	`#ff6600`

CIE-LAB	64.165, 48.121, 69.066
XYZ	46.387, 33.005, 4.5
xyY	0.553, 0.393, 33.005
CIE-LCH	64.165, 84.177, 55.134
CIE-LUV	64.165, 113.86, 55.818
Hunter-Lab	57.45, 43.587, 35.571
Binary	11111100, 01110011, 00010010

#fc7312
```
#fc7312 rgb(252,115,18)
```
#129bfc
```
#129bfc rgb(18,155,252)
```

Complementary Color

#fc1226
```
#fc1226 rgb(252,18,38)
```
#fc7312
```
#fc7312 rgb(252,115,18)
```
#fce812
```
#fce812 rgb(252,232,18)
```

Analogous Color

#1226fc
```
#1226fc rgb(18,38,252)
```
#fc7312
```
#fc7312 rgb(252,115,18)
```
#12fce8
```
#12fce8 rgb(18,252,232)
```

Split Complementary Color

#7312fc
```
#7312fc rgb(115,18,252)
```
#fc7312
```
#fc7312 rgb(252,115,18)
```
#12fc73
```
#12fc73 rgb(18,252,115)
```

Triadic Color

#fc129b
```
#fc129b rgb(252,18,155)
```
#fc7312
```
#fc7312 rgb(252,115,18)
```
#12fc73
```
#12fc73 rgb(18,252,115)
```
#129bfc
```
#129bfc rgb(18,155,252)
```

Tetradic Color

#bf5102
```
#bf5102 rgb(191,81,2)
```
#d85b03
```
#d85b03 rgb(216,91,3)
```
#f16603
```
#f16603 rgb(241,102,3)
```
#fc7312
```
#fc7312 rgb(252,115,18)
```
#fc822b
```
#fc822b rgb(252,130,43)
```
#fd9144
```
#fd9144 rgb(253,145,68)
```
#fda05e
```
#fda05e rgb(253,160,94)
```

Monochromatic Color

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

#fc3812
```
#fc3812 rgb(252,56,18)
```
#fc4c12
```
#fc4c12 rgb(252,76,18)
```
#fc5f12
```
#fc5f12 rgb(252,95,18)
```
#fc7312
```
#fc7312 rgb(252,115,18)
```
#fc8712
```
#fc8712 rgb(252,135,18)
```
#fc9a12
```
#fc9a12 rgb(252,154,18)
```
#fcae12
```
#fcae12 rgb(252,174,18)
```

Similar Colors

Text with hexadecimal color #fc7312

This text has a font color of #fc7312.

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

#fc7312 background color

This paragraph has a background color of #fc7312.

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

#fc7312 border color

This element has a border color of #fc7312.

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

CSS codes

.text {color:#fc7312;}

.background {background-color:#fc7312;}

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

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

#0f0600
```
#0f0600 rgb(15,6,0)
```
#220e00
```
#220e00 rgb(34,14,0)
```
#361701
```
#361701 rgb(54,23,1)
```
#491f01
```
#491f01 rgb(73,31,1)
```
#5c2701
```
#5c2701 rgb(92,39,1)
```
#702f01
```
#702f01 rgb(112,47,1)
```
#833702
```
#833702 rgb(131,55,2)
```
#963f02
```
#963f02 rgb(150,63,2)
```
#aa4802
```
#aa4802 rgb(170,72,2)
```
#bd5002
```
#bd5002 rgb(189,80,2)
```
#d15803
```
#d15803 rgb(209,88,3)
```
#e46003
```
#e46003 rgb(228,96,3)
```
#f76803
```
#f76803 rgb(247,104,3)
```

Shade Color Variation

#fc7312
```
#fc7312 rgb(252,115,18)
```
#fc7e25
```
#fc7e25 rgb(252,126,37)
```
#fc8a39
```
#fc8a39 rgb(252,138,57)
```
#fd954c
```
#fd954c rgb(253,149,76)
```
#fda15f
```
#fda15f rgb(253,161,95)
```
#fdac73
```
#fdac73 rgb(253,172,115)
```
#fdb886
```
#fdb886 rgb(253,184,134)
```
#fec39a
```
#fec39a rgb(254,195,154)
```
#fecfad
```
#fecfad rgb(254,207,173)
```
#fedac0
```
#fedac0 rgb(254,218,192)
```
#fee5d4
```
#fee5d4 rgb(254,229,212)
```
#fff1e7
```
#fff1e7 rgb(255,241,231)
```
#fffcfa
```
#fffcfa rgb(255,252,250)
```

Tint Color Variation

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

#8d8681
```
#8d8681 rgb(141,134,129)
```
#968478
```
#968478 rgb(150,132,120)
```
#a0836e
```
#a0836e rgb(160,131,110)
```
#a98165
```
#a98165 rgb(169,129,101)
```
#b2805c
```
#b2805c rgb(178,128,92)
```
#bb7e53
```
#bb7e53 rgb(187,126,83)
```
#c57c49
```
#c57c49 rgb(197,124,73)
```
#ce7b40
```
#ce7b40 rgb(206,123,64)
```
#d77937
```
#d77937 rgb(215,121,55)
```
#e0782e
```
#e0782e rgb(224,120,46)
```
#ea7624
```
#ea7624 rgb(234,118,36)
```
#f3751b
```
#f3751b rgb(243,117,27)
```
#fc7312
```
#fc7312 rgb(252,115,18)
```

Tone Color Variation

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

#919191 Achromatopsia 0.005% of the population
#a68b78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a128 Protanopia 1% of men
#c99800 Deuteranopia 1% of men
#ff7279 Tritanopia 0.001% of the population

Trichromacy

#ce9020 Protanomaly 1% of men, 0.01% of women
#db8b06 Deuteranomaly 6% of men, 0.4% of women
#fd7253 Tritanomaly 0.01% of the population

#fc7312 hex color

#fc7312 Color Information

#fc7312 Color Conversion

Color Schemes with #fc7312

Alternatives to #fc7312

#fc7312 Preview

Shades and Tints of #fc7312

Tones of #fc7312

Color Blindness Simulator