#fc7314 hex color

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

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

● #fc7314 color description : Vivid orange.

The hexadecimal color #fc7314 has RGB values of R:252, G:115, B:20 and CMYK values of C:0, M:0.54, Y:0.92, K:0.01. Its decimal value is 16544532.

Hex triplet	fc7314	`#fc7314`
RGB Decimal	252, 115, 20	`rgb(252,115,20)`
RGB Percent	98.8, 45.1, 7.8	`rgb(98.8%,45.1%,7.8%)`
CMYK	0, 54, 92, 1
HSL	24.6°, 97.5, 53.3	`hsl(24.6,97.5%,53.3%)`
HSV (or HSB)	24.6°, 92.1, 98.8
Web Safe	ff6600	`#ff6600`

CIE-LAB	64.171, 48.145, 68.618
XYZ	46.404, 33.012, 4.59
xyY	0.552, 0.393, 33.012
CIE-LCH	64.171, 83.824, 54.945
CIE-LUV	64.171, 113.777, 55.602
Hunter-Lab	57.456, 43.615, 35.483
Binary	11111100, 01110011, 00010100

#fc7314
```
#fc7314 rgb(252,115,20)
```
#149dfc
```
#149dfc rgb(20,157,252)
```

Complementary Color

#fc1429
```
#fc1429 rgb(252,20,41)
```
#fc7314
```
#fc7314 rgb(252,115,20)
```
#fce714
```
#fce714 rgb(252,231,20)
```

Analogous Color

#1429fc
```
#1429fc rgb(20,41,252)
```
#fc7314
```
#fc7314 rgb(252,115,20)
```
#14fce7
```
#14fce7 rgb(20,252,231)
```

Split Complementary Color

#7314fc
```
#7314fc rgb(115,20,252)
```
#fc7314
```
#fc7314 rgb(252,115,20)
```
#14fc73
```
#14fc73 rgb(20,252,115)
```

Triadic Color

#fc149d
```
#fc149d rgb(252,20,157)
```
#fc7314
```
#fc7314 rgb(252,115,20)
```
#14fc73
```
#14fc73 rgb(20,252,115)
```
#149dfc
```
#149dfc rgb(20,157,252)
```

Tetradic Color

#c15002
```
#c15002 rgb(193,80,2)
```
#da5b03
```
#da5b03 rgb(218,91,3)
```
#f36603
```
#f36603 rgb(243,102,3)
```
#fc7314
```
#fc7314 rgb(252,115,20)
```
#fc822d
```
#fc822d rgb(252,130,45)
```
#fd9146
```
#fd9146 rgb(253,145,70)
```
#fda060
```
#fda060 rgb(253,160,96)
```

Monochromatic Color

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

#fc3914
```
#fc3914 rgb(252,57,20)
```
#fc4c14
```
#fc4c14 rgb(252,76,20)
```
#fc6014
```
#fc6014 rgb(252,96,20)
```
#fc7314
```
#fc7314 rgb(252,115,20)
```
#fc8614
```
#fc8614 rgb(252,134,20)
```
#fc9a14
```
#fc9a14 rgb(252,154,20)
```
#fcad14
```
#fcad14 rgb(252,173,20)
```

Similar Colors

Text with hexadecimal color #fc7314

This text has a font color of #fc7314.

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

#fc7314 background color

This paragraph has a background color of #fc7314.

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

#fc7314 border color

This element has a border color of #fc7314.

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

CSS codes

.text {color:#fc7314;}

.background {background-color:#fc7314;}

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

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)
```
#984002
```
#984002 rgb(152,64,2)
```
#ac4802
```
#ac4802 rgb(172,72,2)
```
#bf5002
```
#bf5002 rgb(191,80,2)
```
#d25803
```
#d25803 rgb(210,88,3)
```
#e66003
```
#e66003 rgb(230,96,3)
```
#f96803
```
#f96803 rgb(249,104,3)
```

Shade Color Variation

#fc7314
```
#fc7314 rgb(252,115,20)
```
#fc7f27
```
#fc7f27 rgb(252,127,39)
```
#fc8a3b
```
#fc8a3b rgb(252,138,59)
```
#fd964e
```
#fd964e rgb(253,150,78)
```
#fda161
```
#fda161 rgb(253,161,97)
```
#fdad75
```
#fdad75 rgb(253,173,117)
```
#fdb888
```
#fdb888 rgb(253,184,136)
```
#fec49c
```
#fec49c rgb(254,196,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 #fc7314 is the most saturated one.

#8e8782
```
#8e8782 rgb(142,135,130)
```
#978579
```
#978579 rgb(151,133,121)
```
#a08470
```
#a08470 rgb(160,132,112)
```
#aa8266
```
#aa8266 rgb(170,130,102)
```
#b3805d
```
#b3805d rgb(179,128,93)
```
#bc7f54
```
#bc7f54 rgb(188,127,84)
```
#c57d4b
```
#c57d4b rgb(197,125,75)
```
#ce7b42
```
#ce7b42 rgb(206,123,66)
```
#d77a39
```
#d77a39 rgb(215,122,57)
```
#e1782f
```
#e1782f rgb(225,120,47)
```
#ea7626
```
#ea7626 rgb(234,118,38)
```
#f3751d
```
#f3751d rgb(243,117,29)
```
#fc7314
```
#fc7314 rgb(252,115,20)
```

Tone Color Variation

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

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

Trichromacy

#ce9022 Protanomaly 1% of men, 0.01% of women
#db8b07 Deuteranomaly 6% of men, 0.4% of women
#fd7254 Tritanomaly 0.01% of the population

#fc7314 hex color

#fc7314 Color Information

#fc7314 Color Conversion

Color Schemes with #fc7314

Alternatives to #fc7314

#fc7314 Preview

Shades and Tints of #fc7314

Tones of #fc7314

Color Blindness Simulator