#fcd580 hex color

In a RGB color space, hex #fcd580 is composed of 98.8% red, 83.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.5% magenta, 49.2% yellow and 1.2% black. It has a hue angle of 41.1 degrees, a saturation of 95.4% and a lightness of 74.5%. #fcd580 color hex could be obtained by blending #ffffff with #f9ab01. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 99
- G 84
- B 50
RGB color chart
- C 0
- M 15
- Y 49
- K 1
CMYK color chart

● #fcd580 color description : Soft orange.

The hexadecimal color #fcd580 has RGB values of R:252, G:213, B:128 and CMYK values of C:0, M:0.15, Y:0.49, K:0.01. Its decimal value is 16569728.

Hex triplet	fcd580	`#fcd580`
RGB Decimal	252, 213, 128	`rgb(252,213,128)`
RGB Percent	98.8, 83.5, 50.2	`rgb(98.8%,83.5%,50.2%)`
CMYK	0, 15, 49, 1
HSL	41.1°, 95.4, 74.5	`hsl(41.1,95.4%,74.5%)`
HSV (or HSB)	41.1°, 49.2, 98.8
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	86.921, 3.207, 46.833
XYZ	67.836, 69.845, 30.329
xyY	0.404, 0.416, 69.845
CIE-LCH	86.921, 46.943, 86.083
CIE-LUV	86.921, 30.579, 59.526
Hunter-Lab	83.573, -1.366, 36.985
Binary	11111100, 11010101, 10000000

#fcd580
```
#fcd580 rgb(252,213,128)
```
#80a7fc
```
#80a7fc rgb(128,167,252)
```

Complementary Color

#fc9780
```
#fc9780 rgb(252,151,128)
```
#fcd580
```
#fcd580 rgb(252,213,128)
```
#e5fc80
```
#e5fc80 rgb(229,252,128)
```

Analogous Color

#9780fc
```
#9780fc rgb(151,128,252)
```
#fcd580
```
#fcd580 rgb(252,213,128)
```
#80e5fc
```
#80e5fc rgb(128,229,252)
```

Split Complementary Color

#d580fc
```
#d580fc rgb(213,128,252)
```
#fcd580
```
#fcd580 rgb(252,213,128)
```
#80fcd5
```
#80fcd5 rgb(128,252,213)
```

Triadic Color

#fc80a7
```
#fc80a7 rgb(252,128,167)
```
#fcd580
```
#fcd580 rgb(252,213,128)
```
#80fcd5
```
#80fcd5 rgb(128,252,213)
```
#80a7fc
```
#80a7fc rgb(128,167,252)
```

Tetradic Color

#fabc35
```
#fabc35 rgb(250,188,53)
```
#fbc54e
```
#fbc54e rgb(251,197,78)
```
#fbcd67
```
#fbcd67 rgb(251,205,103)
```
#fcd580
```
#fcd580 rgb(252,213,128)
```
#fddd99
```
#fddd99 rgb(253,221,153)
```
#fde5b2
```
#fde5b2 rgb(253,229,178)
```
#feeecb
```
#feeecb rgb(254,238,203)
```

Monochromatic Color

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

#fcb680
```
#fcb680 rgb(252,182,128)
```
#fcc080
```
#fcc080 rgb(252,192,128)
```
#fccb80
```
#fccb80 rgb(252,203,128)
```
#fcd580
```
#fcd580 rgb(252,213,128)
```
#fcdf80
```
#fcdf80 rgb(252,223,128)
```
#fcea80
```
#fcea80 rgb(252,234,128)
```
#fcf480
```
#fcf480 rgb(252,244,128)
```

Similar Colors

Text with hexadecimal color #fcd580

This text has a font color of #fcd580.

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

#fcd580 background color

This paragraph has a background color of #fcd580.

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

#fcd580 border color

This element has a border color of #fcd580.

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

CSS codes

.text {color:#fcd580;}

.background {background-color:#fcd580;}

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

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

#070500
```
#070500 rgb(7,5,0)
```
#1a1201
```
#1a1201 rgb(26,18,1)
```
#2d2001
```
#2d2001 rgb(45,32,1)
```
#412d02
```
#412d02 rgb(65,45,2)
```
#543a02
```
#543a02 rgb(84,58,2)
```
#674702
```
#674702 rgb(103,71,2)
```
#7a5503
```
#7a5503 rgb(122,85,3)
```
#8d6203
```
#8d6203 rgb(141,98,3)
```
#a06f04
```
#a06f04 rgb(160,111,4)
```
#b47c04
```
#b47c04 rgb(180,124,4)
```
#c78a05
```
#c78a05 rgb(199,138,5)
```
#da9705
```
#da9705 rgb(218,151,5)
```
#eda406
```
#eda406 rgb(237,164,6)
```

Shade Color Variation

#f9af0d
```
#f9af0d rgb(249,175,13)
```
#fab520
```
#fab520 rgb(250,181,32)
```
#fabc33
```
#fabc33 rgb(250,188,51)
```
#fbc247
```
#fbc247 rgb(251,194,71)
```
#fbc85a
```
#fbc85a rgb(251,200,90)
```
#fccf6d
```
#fccf6d rgb(252,207,109)
```
#fcd580
```
#fcd580 rgb(252,213,128)
```
#fcdb93
```
#fcdb93 rgb(252,219,147)
```
#fde2a6
```
#fde2a6 rgb(253,226,166)
```
#fde8b9
```
#fde8b9 rgb(253,232,185)
```
#feeecd
```
#feeecd rgb(254,238,205)
```
#fef5e0
```
#fef5e0 rgb(254,245,224)
```
#fffbf3
```
#fffbf3 rgb(255,251,243)
```

Tint Color Variation

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

#c0bfbc
```
#c0bfbc rgb(192,191,188)
```
#c5c1b7
```
#c5c1b7 rgb(197,193,183)
```
#cac2b2
```
#cac2b2 rgb(202,194,178)
```
#cfc4ad
```
#cfc4ad rgb(207,196,173)
```
#d4c6a8
```
#d4c6a8 rgb(212,198,168)
```
#d9c8a3
```
#d9c8a3 rgb(217,200,163)
```
#deca9e
```
#deca9e rgb(222,202,158)
```
#e3cc99
```
#e3cc99 rgb(227,204,153)
```
#e8ce94
```
#e8ce94 rgb(232,206,148)
```
#edcf8f
```
#edcf8f rgb(237,207,143)
```
#f2d18a
```
#f2d18a rgb(242,209,138)
```
#f7d385
```
#f7d385 rgb(247,211,133)
```
#fcd580
```
#fcd580 rgb(252,213,128)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#ded7c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efdb88 Protanopia 1% of men
#ffd4a1 Deuteranopia 1% of men
#ffcfdb Tritanopia 0.001% of the population

Trichromacy

#f4d985 Protanomaly 1% of men, 0.01% of women
#fdd495 Deuteranomaly 6% of men, 0.4% of women
#fdd1ba Tritanomaly 0.01% of the population

#fcd580 hex color

#fcd580 Color Information

#fcd580 Color Conversion

Color Schemes with #fcd580

Alternatives to #fcd580

#fcd580 Preview

Shades and Tints of #fcd580

Tones of #fcd580

Color Blindness Simulator