#fc580d hex color

In a RGB color space, hex #fc580d is composed of 98.8% red, 34.5% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.1% magenta, 94.8% yellow and 1.2% black. It has a hue angle of 18.8 degrees, a saturation of 97.6% and a lightness of 52%. #fc580d color hex could be obtained by blending #ffb01a with #f90000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 99
- G 35
- B 5
RGB color chart
- C 0
- M 65
- Y 95
- K 1
CMYK color chart

● #fc580d color description : Vivid orange.

The hexadecimal color #fc580d has RGB values of R:252, G:88, B:13 and CMYK values of C:0, M:0.65, Y:0.95, K:0.01. Its decimal value is 16537613.

Hex triplet	fc580d	`#fc580d`
RGB Decimal	252, 88, 13	`rgb(252,88,13)`
RGB Percent	98.8, 34.5, 5.1	`rgb(98.8%,34.5%,5.1%)`
CMYK	0, 65, 95, 1
HSL	18.8°, 97.6, 52	`hsl(18.8,97.6%,52%)`
HSV (or HSB)	18.8°, 94.8, 98.8
Web Safe	ff6600	`#ff6600`

CIE-LAB	59.625, 59.967, 67.238
XYZ	43.709, 27.709, 3.428
xyY	0.584, 0.37, 27.709
CIE-LCH	59.625, 90.094, 48.272
CIE-LUV	59.625, 135.221, 48.587
Hunter-Lab	52.639, 56.1, 32.987
Binary	11111100, 01011000, 00001101

#fc580d
```
#fc580d rgb(252,88,13)
```
#0db1fc
```
#0db1fc rgb(13,177,252)
```

Complementary Color

#fc0d3a
```
#fc0d3a rgb(252,13,58)
```
#fc580d
```
#fc580d rgb(252,88,13)
```
#fcd00d
```
#fcd00d rgb(252,208,13)
```

Analogous Color

#0d3afc
```
#0d3afc rgb(13,58,252)
```
#fc580d
```
#fc580d rgb(252,88,13)
```
#0dfcd0
```
#0dfcd0 rgb(13,252,208)
```

Split Complementary Color

#580dfc
```
#580dfc rgb(88,13,252)
```
#fc580d
```
#fc580d rgb(252,88,13)
```
#0dfc58
```
#0dfc58 rgb(13,252,88)
```

Triadic Color

#fc0db1
```
#fc0db1 rgb(252,13,177)
```
#fc580d
```
#fc580d rgb(252,88,13)
```
#0dfc58
```
#0dfc58 rgb(13,252,88)
```
#0db1fc
```
#0db1fc rgb(13,177,252)
```

Tetradic Color

#ba3c02
```
#ba3c02 rgb(186,60,2)
```
#d34403
```
#d34403 rgb(211,68,3)
```
#ed4c03
```
#ed4c03 rgb(237,76,3)
```
#fc580d
```
#fc580d rgb(252,88,13)
```
#fc6926
```
#fc6926 rgb(252,105,38)
```
#fd7b3f
```
#fd7b3f rgb(253,123,63)
```
#fd8c59
```
#fd8c59 rgb(253,140,89)
```

Monochromatic Color

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

#fc1c0d
```
#fc1c0d rgb(252,28,13)
```
#fc300d
```
#fc300d rgb(252,48,13)
```
#fc440d
```
#fc440d rgb(252,68,13)
```
#fc580d
```
#fc580d rgb(252,88,13)
```
#fc6c0d
```
#fc6c0d rgb(252,108,13)
```
#fc800d
```
#fc800d rgb(252,128,13)
```
#fc940d
```
#fc940d rgb(252,148,13)
```

Similar Colors

Text with hexadecimal color #fc580d

This text has a font color of #fc580d.

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

#fc580d background color

This paragraph has a background color of #fc580d.

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

#fc580d border color

This element has a border color of #fc580d.

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

CSS codes

.text {color:#fc580d;}

.background {background-color:#fc580d;}

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

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

#0a0300
```
#0a0300 rgb(10,3,0)
```
#1d0900
```
#1d0900 rgb(29,9,0)
```
#311001
```
#311001 rgb(49,16,1)
```
#441601
```
#441601 rgb(68,22,1)
```
#571c01
```
#571c01 rgb(87,28,1)
```
#6b2201
```
#6b2201 rgb(107,34,1)
```
#7e2902
```
#7e2902 rgb(126,41,2)
```
#922f02
```
#922f02 rgb(146,47,2)
```
#a53502
```
#a53502 rgb(165,53,2)
```
#b83b02
```
#b83b02 rgb(184,59,2)
```
#cc4203
```
#cc4203 rgb(204,66,3)
```
#df4803
```
#df4803 rgb(223,72,3)
```
#f24e03
```
#f24e03 rgb(242,78,3)
```

Shade Color Variation

#fc580d
```
#fc580d rgb(252,88,13)
```
#fc6520
```
#fc6520 rgb(252,101,32)
```
#fc7334
```
#fc7334 rgb(252,115,52)
```
#fd8047
```
#fd8047 rgb(253,128,71)
```
#fd8d5b
```
#fd8d5b rgb(253,141,91)
```
#fd9b6e
```
#fd9b6e rgb(253,155,110)
```
#fda881
```
#fda881 rgb(253,168,129)
```
#feb695
```
#feb695 rgb(254,182,149)
```
#fec3a8
```
#fec3a8 rgb(254,195,168)
```
#fed0bb
```
#fed0bb rgb(254,208,187)
```
#fedecf
```
#fedecf rgb(254,222,207)
```
#ffebe2
```
#ffebe2 rgb(255,235,226)
```
#fff8f6
```
#fff8f6 rgb(255,248,246)
```

Tint Color Variation

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

#8b827e
```
#8b827e rgb(139,130,126)
```
#947f75
```
#947f75 rgb(148,127,117)
```
#9e7b6b
```
#9e7b6b rgb(158,123,107)
```
#a77862
```
#a77862 rgb(167,120,98)
```
#b17458
```
#b17458 rgb(177,116,88)
```
#ba714f
```
#ba714f rgb(186,113,79)
```
#c36d46
```
#c36d46 rgb(195,109,70)
```
#cd6a3c
```
#cd6a3c rgb(205,106,60)
```
#d66633
```
#d66633 rgb(214,102,51)
```
#e06329
```
#e06329 rgb(224,99,41)
```
#e95f20
```
#e95f20 rgb(233,95,32)
```
#f35c16
```
#f35c16 rgb(243,92,22)
```
#fc580d
```
#fc580d rgb(252,88,13)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#997869 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a79527 Protanopia 1% of men
#ba8e00 Deuteranopia 1% of men
#fd5a5f Tritanopia 0.001% of the population

Trichromacy

#c57f1d Protanomaly 1% of men, 0.01% of women
#d27a04 Deuteranomaly 6% of men, 0.4% of women
#fd5941 Tritanomaly 0.01% of the population

#fc580d hex color

#fc580d Color Information

#fc580d Color Conversion

Color Schemes with #fc580d

Alternatives to #fc580d

#fc580d Preview

Shades and Tints of #fc580d

Tones of #fc580d

Color Blindness Simulator