#fed580 hex color

In a RGB color space, hex #fed580 is composed of 99.6% red, 83.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.1% magenta, 49.6% yellow and 0.4% black. It has a hue angle of 40.5 degrees, a saturation of 98.4% and a lightness of 74.9%. #fed580 color hex could be obtained by blending #ffffff with #fdab01. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 100
- G 84
- B 50
RGB color chart
- C 0
- M 16
- Y 50
- K 0
CMYK color chart

● #fed580 color description : Soft orange.

The hexadecimal color #fed580 has RGB values of R:254, G:213, B:128 and CMYK values of C:0, M:0.16, Y:0.5, K:0. Its decimal value is 16700800.

Hex triplet	fed580	`#fed580`
RGB Decimal	254, 213, 128	`rgb(254,213,128)`
RGB Percent	99.6, 83.5, 50.2	`rgb(99.6%,83.5%,50.2%)`
CMYK	0, 16, 50, 0
HSL	40.5°, 98.4, 74.9	`hsl(40.5,98.4%,74.9%)`
HSV (or HSB)	40.5°, 49.6, 99.6
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	87.105, 4.007, 47.102
XYZ	68.564, 70.22, 30.363
xyY	0.405, 0.415, 70.22
CIE-LCH	87.105, 47.272, 85.138
CIE-LUV	87.105, 32.006, 59.664
Hunter-Lab	83.798, -0.596, 37.175
Binary	11111110, 11010101, 10000000

#fed580
```
#fed580 rgb(254,213,128)
```
#80a9fe
```
#80a9fe rgb(128,169,254)
```

Complementary Color

#fe9680
```
#fe9680 rgb(254,150,128)
```
#fed580
```
#fed580 rgb(254,213,128)
```
#e8fe80
```
#e8fe80 rgb(232,254,128)
```

Analogous Color

#9680fe
```
#9680fe rgb(150,128,254)
```
#fed580
```
#fed580 rgb(254,213,128)
```
#80e8fe
```
#80e8fe rgb(128,232,254)
```

Split Complementary Color

#d580fe
```
#d580fe rgb(213,128,254)
```
#fed580
```
#fed580 rgb(254,213,128)
```
#80fed5
```
#80fed5 rgb(128,254,213)
```

Triadic Color

#fe80a9
```
#fe80a9 rgb(254,128,169)
```
#fed580
```
#fed580 rgb(254,213,128)
```
#80fed5
```
#80fed5 rgb(128,254,213)
```
#80a9fe
```
#80a9fe rgb(128,169,254)
```

Tetradic Color

#fdbc34
```
#fdbc34 rgb(253,188,52)
```
#fec44d
```
#fec44d rgb(254,196,77)
```
#fecd67
```
#fecd67 rgb(254,205,103)
```
#fed580
```
#fed580 rgb(254,213,128)
```
#fedd99
```
#fedd99 rgb(254,221,153)
```
#fee6b3
```
#fee6b3 rgb(254,230,179)
```
#ffeecc
```
#ffeecc rgb(255,238,204)
```

Monochromatic Color

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

#feb680
```
#feb680 rgb(254,182,128)
```
#fec080
```
#fec080 rgb(254,192,128)
```
#fecb80
```
#fecb80 rgb(254,203,128)
```
#fed580
```
#fed580 rgb(254,213,128)
```
#fee080
```
#fee080 rgb(254,224,128)
```
#feea80
```
#feea80 rgb(254,234,128)
```
#fef580
```
#fef580 rgb(254,245,128)
```

Similar Colors

Text with hexadecimal color #fed580

This text has a font color of #fed580.

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

#fed580 background color

This paragraph has a background color of #fed580.

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

#fed580 border color

This element has a border color of #fed580.

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

CSS codes

.text {color:#fed580;}

.background {background-color:#fed580;}

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

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

#090600
```
#090600 rgb(9,6,0)
```
#1d1300
```
#1d1300 rgb(29,19,0)
```
#302100
```
#302100 rgb(48,33,0)
```
#442e01
```
#442e01 rgb(68,46,1)
```
#573b01
```
#573b01 rgb(87,59,1)
```
#6b4801
```
#6b4801 rgb(107,72,1)
```
#7e5501
```
#7e5501 rgb(126,85,1)
```
#916301
```
#916301 rgb(145,99,1)
```
#a57001
```
#a57001 rgb(165,112,1)
```
#b87d01
```
#b87d01 rgb(184,125,1)
```
#cc8a02
```
#cc8a02 rgb(204,138,2)
```
#df9702
```
#df9702 rgb(223,151,2)
```
#f3a402
```
#f3a402 rgb(243,164,2)
```

Shade Color Variation

#fdae0b
```
#fdae0b rgb(253,174,11)
```
#fdb51f
```
#fdb51f rgb(253,181,31)
```
#fdbb32
```
#fdbb32 rgb(253,187,50)
```
#fec246
```
#fec246 rgb(254,194,70)
```
#fec859
```
#fec859 rgb(254,200,89)
```
#fecf6d
```
#fecf6d rgb(254,207,109)
```
#fed580
```
#fed580 rgb(254,213,128)
```
#fedb93
```
#fedb93 rgb(254,219,147)
```
#fee2a7
```
#fee2a7 rgb(254,226,167)
```
#fee8ba
```
#fee8ba rgb(254,232,186)
```
#ffefce
```
#ffefce rgb(255,239,206)
```
#fff5e1
```
#fff5e1 rgb(255,245,225)
```
#fffcf5
```
#fffcf5 rgb(255,252,245)
```

Tint Color Variation

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

#c3c0bb
```
#c3c0bb rgb(195,192,187)
```
#c8c2b6
```
#c8c2b6 rgb(200,194,182)
```
#cdc4b1
```
#cdc4b1 rgb(205,196,177)
```
#d2c6ac
```
#d2c6ac rgb(210,198,172)
```
#d7c7a7
```
#d7c7a7 rgb(215,199,167)
```
#dcc9a2
```
#dcc9a2 rgb(220,201,162)
```
#e0cb9e
```
#e0cb9e rgb(224,203,158)
```
#e5cc99
```
#e5cc99 rgb(229,204,153)
```
#eace94
```
#eace94 rgb(234,206,148)
```
#efd08f
```
#efd08f rgb(239,208,143)
```
#f4d28a
```
#f4d28a rgb(244,210,138)
```
#f9d385
```
#f9d385 rgb(249,211,133)
```
#fed580
```
#fed580 rgb(254,213,128)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#e0d7c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efdc88 Protanopia 1% of men
#ffd5a2 Deuteranopia 1% of men
#ffd0db Tritanopia 0.001% of the population

Trichromacy

#f5d985 Protanomaly 1% of men, 0.01% of women
#fed596 Deuteranomaly 6% of men, 0.4% of women
#fed1ba Tritanomaly 0.01% of the population

#fed580 hex color

#fed580 Color Information

#fed580 Color Conversion

Color Schemes with #fed580

Alternatives to #fed580

#fed580 Preview

Shades and Tints of #fed580

Tones of #fed580

Color Blindness Simulator