#fc7214 hex color

In a RGB color space, hex #fc7214 is composed of 98.8% red, 44.7% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.8% magenta, 92.1% yellow and 1.2% black. It has a hue angle of 24.3 degrees, a saturation of 97.5% and a lightness of 53.3%. #fc7214 color hex could be obtained by blending #ffe428 with #f90000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 99
- G 45
- B 8
RGB color chart
- C 0
- M 55
- Y 92
- K 1
CMYK color chart

● #fc7214 color description : Vivid orange.

The hexadecimal color #fc7214 has RGB values of R:252, G:114, B:20 and CMYK values of C:0, M:0.55, Y:0.92, K:0.01. Its decimal value is 16544276.

Hex triplet	fc7214	`#fc7214`
RGB Decimal	252, 114, 20	`rgb(252,114,20)`
RGB Percent	98.8, 44.7, 7.8	`rgb(98.8%,44.7%,7.8%)`
CMYK	0, 55, 92, 1
HSL	24.3°, 97.5, 53.3	`hsl(24.3,97.5%,53.3%)`
HSV (or HSB)	24.3°, 92.1, 98.8
Web Safe	ff6600	`#ff6600`

CIE-LAB	63.987, 48.618, 68.492
XYZ	46.29, 32.785, 4.552
xyY	0.554, 0.392, 32.785
CIE-LCH	63.987, 83.993, 54.632
CIE-LUV	63.987, 114.596, 55.292
Hunter-Lab	57.258, 44.105, 35.367
Binary	11111100, 01110010, 00010100

#fc7214
```
#fc7214 rgb(252,114,20)
```
#149efc
```
#149efc rgb(20,158,252)
```

Complementary Color

#fc142a
```
#fc142a rgb(252,20,42)
```
#fc7214
```
#fc7214 rgb(252,114,20)
```
#fce614
```
#fce614 rgb(252,230,20)
```

Analogous Color

#142afc
```
#142afc rgb(20,42,252)
```
#fc7214
```
#fc7214 rgb(252,114,20)
```
#14fce6
```
#14fce6 rgb(20,252,230)
```

Split Complementary Color

#7214fc
```
#7214fc rgb(114,20,252)
```
#fc7214
```
#fc7214 rgb(252,114,20)
```
#14fc72
```
#14fc72 rgb(20,252,114)
```

Triadic Color

#fc149e
```
#fc149e rgb(252,20,158)
```
#fc7214
```
#fc7214 rgb(252,114,20)
```
#14fc72
```
#14fc72 rgb(20,252,114)
```
#149efc
```
#149efc rgb(20,158,252)
```

Tetradic Color

#c15002
```
#c15002 rgb(193,80,2)
```
#da5a03
```
#da5a03 rgb(218,90,3)
```
#f36403
```
#f36403 rgb(243,100,3)
```
#fc7214
```
#fc7214 rgb(252,114,20)
```
#fc812d
```
#fc812d rgb(252,129,45)
```
#fd9046
```
#fd9046 rgb(253,144,70)
```
#fd9f60
```
#fd9f60 rgb(253,159,96)
```

Monochromatic Color

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

#fc3814
```
#fc3814 rgb(252,56,20)
```
#fc4b14
```
#fc4b14 rgb(252,75,20)
```
#fc5f14
```
#fc5f14 rgb(252,95,20)
```
#fc7214
```
#fc7214 rgb(252,114,20)
```
#fc8514
```
#fc8514 rgb(252,133,20)
```
#fc9914
```
#fc9914 rgb(252,153,20)
```
#fcac14
```
#fcac14 rgb(252,172,20)
```

Similar Colors

Text with hexadecimal color #fc7214

This text has a font color of #fc7214.

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

#fc7214 background color

This paragraph has a background color of #fc7214.

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

#fc7214 border color

This element has a border color of #fc7214.

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

CSS codes

.text {color:#fc7214;}

.background {background-color:#fc7214;}

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

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

#110700
```
#110700 rgb(17,7,0)
```
#240f00
```
#240f00 rgb(36,15,0)
```
#381701
```
#381701 rgb(56,23,1)
```
#4b1f01
```
#4b1f01 rgb(75,31,1)
```
#5e2701
```
#5e2701 rgb(94,39,1)
```
#722f01
```
#722f01 rgb(114,47,1)
```
#853702
```
#853702 rgb(133,55,2)
```
#983f02
```
#983f02 rgb(152,63,2)
```
#ac4702
```
#ac4702 rgb(172,71,2)
```
#bf4f02
```
#bf4f02 rgb(191,79,2)
```
#d25703
```
#d25703 rgb(210,87,3)
```
#e65f03
```
#e65f03 rgb(230,95,3)
```
#f96703
```
#f96703 rgb(249,103,3)
```

Shade Color Variation

#fc7214
```
#fc7214 rgb(252,114,20)
```
#fc7e27
```
#fc7e27 rgb(252,126,39)
```
#fc893b
```
#fc893b rgb(252,137,59)
```
#fd954e
```
#fd954e rgb(253,149,78)
```
#fda061
```
#fda061 rgb(253,160,97)
```
#fdac75
```
#fdac75 rgb(253,172,117)
```
#fdb888
```
#fdb888 rgb(253,184,136)
```
#fec39c
```
#fec39c rgb(254,195,156)
```
#fecfaf
```
#fecfaf rgb(254,207,175)
```
#fedbc2
```
#fedbc2 rgb(254,219,194)
```
#fee6d6
```
#fee6d6 rgb(254,230,214)
```
#fff2e9
```
#fff2e9 rgb(255,242,233)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#8e8782
```
#8e8782 rgb(142,135,130)
```
#978579
```
#978579 rgb(151,133,121)
```
#a08370
```
#a08370 rgb(160,131,112)
```
#aa8266
```
#aa8266 rgb(170,130,102)
```
#b3805d
```
#b3805d rgb(179,128,93)
```
#bc7e54
```
#bc7e54 rgb(188,126,84)
```
#c57c4b
```
#c57c4b rgb(197,124,75)
```
#ce7b42
```
#ce7b42 rgb(206,123,66)
```
#d77939
```
#d77939 rgb(215,121,57)
```
#e1772f
```
#e1772f rgb(225,119,47)
```
#ea7526
```
#ea7526 rgb(234,117,38)
```
#f3741d
```
#f3741d rgb(243,116,29)
```
#fc7214
```
#fc7214 rgb(252,114,20)
```

Tone Color Variation

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

#b3a02a Protanopia 1% of men
#c89800 Deuteranopia 1% of men
#ff7178 Tritanopia 0.001% of the population

Trichromacy

#cd8f22 Protanomaly 1% of men, 0.01% of women
#db8a07 Deuteranomaly 6% of men, 0.4% of women
#fd7154 Tritanomaly 0.01% of the population

#fc7214 hex color

#fc7214 Color Information

#fc7214 Color Conversion

Color Schemes with #fc7214

Alternatives to #fc7214

#fc7214 Preview

Shades and Tints of #fc7214

Tones of #fc7214

Color Blindness Simulator