#fc5218 hex color

In a RGB color space, hex #fc5218 is composed of 98.8% red, 32.2% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.5% magenta, 90.5% yellow and 1.2% black. It has a hue angle of 15.3 degrees, a saturation of 97.4% and a lightness of 54.1%. #fc5218 color hex could be obtained by blending #ffa430 with #f90000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 99
- G 32
- B 9
RGB color chart
- C 0
- M 67
- Y 90
- K 1
CMYK color chart

● #fc5218 color description : Vivid orange.

The hexadecimal color #fc5218 has RGB values of R:252, G:82, B:24 and CMYK values of C:0, M:0.67, Y:0.9, K:0.01. Its decimal value is 16536088.

Hex triplet	fc5218	`#fc5218`
RGB Decimal	252, 82, 24	`rgb(252,82,24)`
RGB Percent	98.8, 32.2, 9.4	`rgb(98.8%,32.2%,9.4%)`
CMYK	0, 67, 90, 1
HSL	15.3°, 97.4, 54.1	`hsl(15.3,97.4%,54.1%)`
HSV (or HSB)	15.3°, 90.5, 98.8
Web Safe	ff6600	`#ff6600`

CIE-LAB	58.79, 62.444, 63.844
XYZ	43.329, 26.801, 3.756
xyY	0.586, 0.363, 26.801
CIE-LCH	58.79, 89.305, 45.635
CIE-LUV	58.79, 138.891, 45.797
Hunter-Lab	51.77, 58.8, 31.937
Binary	11111100, 01010010, 00011000

#fc5218
```
#fc5218 rgb(252,82,24)
```
#18c2fc
```
#18c2fc rgb(24,194,252)
```

Complementary Color

#fc1850
```
#fc1850 rgb(252,24,80)
```
#fc5218
```
#fc5218 rgb(252,82,24)
```
#fcc418
```
#fcc418 rgb(252,196,24)
```

Analogous Color

#1850fc
```
#1850fc rgb(24,80,252)
```
#fc5218
```
#fc5218 rgb(252,82,24)
```
#18fcc4
```
#18fcc4 rgb(24,252,196)
```

Split Complementary Color

#5218fc
```
#5218fc rgb(82,24,252)
```
#fc5218
```
#fc5218 rgb(252,82,24)
```
#18fc52
```
#18fc52 rgb(24,252,82)
```

Triadic Color

#fc18c2
```
#fc18c2 rgb(252,24,194)
```
#fc5218
```
#fc5218 rgb(252,82,24)
```
#18fc52
```
#18fc52 rgb(24,252,82)
```
#18c2fc
```
#18c2fc rgb(24,194,252)
```

Tetradic Color

#c53403
```
#c53403 rgb(197,52,3)
```
#de3b03
```
#de3b03 rgb(222,59,3)
```
#f74103
```
#f74103 rgb(247,65,3)
```
#fc5218
```
#fc5218 rgb(252,82,24)
```
#fc6531
```
#fc6531 rgb(252,101,49)
```
#fd784a
```
#fd784a rgb(253,120,74)
```
#fd8b64
```
#fd8b64 rgb(253,139,100)
```

Monochromatic Color

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

#fc1918
```
#fc1918 rgb(252,25,24)
```
#fc2c18
```
#fc2c18 rgb(252,44,24)
```
#fc3f18
```
#fc3f18 rgb(252,63,24)
```
#fc5218
```
#fc5218 rgb(252,82,24)
```
#fc6518
```
#fc6518 rgb(252,101,24)
```
#fc7818
```
#fc7818 rgb(252,120,24)
```
#fc8b18
```
#fc8b18 rgb(252,139,24)
```

Similar Colors

Text with hexadecimal color #fc5218

This text has a font color of #fc5218.

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

#fc5218 background color

This paragraph has a background color of #fc5218.

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

#fc5218 border color

This element has a border color of #fc5218.

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

CSS codes

.text {color:#fc5218;}

.background {background-color:#fc5218;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#150500
```
#150500 rgb(21,5,0)
```
#280b01
```
#280b01 rgb(40,11,1)
```
#3b1001
```
#3b1001 rgb(59,16,1)
```
#4f1501
```
#4f1501 rgb(79,21,1)
```
#621a01
```
#621a01 rgb(98,26,1)
```
#761f02
```
#761f02 rgb(118,31,2)
```
#892402
```
#892402 rgb(137,36,2)
```
#9c2902
```
#9c2902 rgb(156,41,2)
```
#b02e02
```
#b02e02 rgb(176,46,2)
```
#c33303
```
#c33303 rgb(195,51,3)
```
#d63903
```
#d63903 rgb(214,57,3)
```
#ea3e03
```
#ea3e03 rgb(234,62,3)
```

Shade Color Variation

#fc4305
```
#fc4305 rgb(252,67,5)
```
#fc5218
```
#fc5218 rgb(252,82,24)
```
#fc612b
```
#fc612b rgb(252,97,43)
```
#fd6f3f
```
#fd6f3f rgb(253,111,63)
```
#fd7e52
```
#fd7e52 rgb(253,126,82)
```
#fd8c65
```
#fd8c65 rgb(253,140,101)
```
#fd9b79
```
#fd9b79 rgb(253,155,121)
```
#fea98c
```
#fea98c rgb(254,169,140)
```
#feb8a0
```
#feb8a0 rgb(254,184,160)
```
#fec6b3
```
#fec6b3 rgb(254,198,179)
```
#fed5c6
```
#fed5c6 rgb(254,213,198)
```
#ffe3da
```
#ffe3da rgb(255,227,218)
```
#fff2ed
```
#fff2ed rgb(255,242,237)
```

Tint Color Variation

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

#908784
```
#908784 rgb(144,135,132)
```
#99837b
```
#99837b rgb(153,131,123)
```
#a27e72
```
#a27e72 rgb(162,126,114)
```
#ab7a69
```
#ab7a69 rgb(171,122,105)
```
#b47560
```
#b47560 rgb(180,117,96)
```
#bd7157
```
#bd7157 rgb(189,113,87)
```
#c66d4e
```
#c66d4e rgb(198,109,78)
```
#cf6845
```
#cf6845 rgb(207,104,69)
```
#d8643c
```
#d8643c rgb(216,100,60)
```
#e15f33
```
#e15f33 rgb(225,95,51)
```
#ea5b2a
```
#ea5b2a rgb(234,91,42)
```
#f35621
```
#f35621 rgb(243,86,33)
```
#fc5218
```
#fc5218 rgb(252,82,24)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#97756a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a49331 Protanopia 1% of men
#b88c00 Deuteranopia 1% of men
#fd5559 Tritanopia 0.001% of the population

Trichromacy

#c47b28 Protanomaly 1% of men, 0.01% of women
#d07708 Deuteranomaly 6% of men, 0.4% of women
#fc5441 Tritanomaly 0.01% of the population

#fc5218 hex color

#fc5218 Color Information

#fc5218 Color Conversion

Color Schemes with #fc5218

Alternatives to #fc5218

#fc5218 Preview

Shades and Tints of #fc5218

Tones of #fc5218

Color Blindness Simulator