#edc580 hex color

In a RGB color space, hex #edc580 is composed of 92.9% red, 77.3% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.9% magenta, 46% yellow and 7.1% black. It has a hue angle of 38 degrees, a saturation of 75.2% and a lightness of 71.6%. #edc580 color hex could be obtained by blending #ffffff with #db8b01. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 93
- G 77
- B 50
RGB color chart
- C 0
- M 17
- Y 46
- K 7
CMYK color chart

● #edc580 color description : Soft orange.

The hexadecimal color #edc580 has RGB values of R:237, G:197, B:128 and CMYK values of C:0, M:0.17, Y:0.46, K:0.07. Its decimal value is 15582592.

Hex triplet	edc580	`#edc580`
RGB Decimal	237, 197, 128	`rgb(237,197,128)`
RGB Percent	92.9, 77.3, 50.2	`rgb(92.9%,77.3%,50.2%)`
CMYK	0, 17, 46, 7
HSL	38°, 75.2, 71.6	`hsl(38,75.2%,71.6%)`
HSV (or HSB)	38°, 46, 92.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	81.564, 5.473, 39.819
XYZ	58.788, 59.498, 28.809
xyY	0.4, 0.404, 59.498
CIE-LCH	81.564, 40.193, 82.173
CIE-LUV	81.564, 30.509, 50.577
Hunter-Lab	77.135, 1.057, 31.85
Binary	11101101, 11000101, 10000000

#edc580
```
#edc580 rgb(237,197,128)
```
#80a8ed
```
#80a8ed rgb(128,168,237)
```

Complementary Color

#ed8f80
```
#ed8f80 rgb(237,143,128)
```
#edc580
```
#edc580 rgb(237,197,128)
```
#dfed80
```
#dfed80 rgb(223,237,128)
```

Analogous Color

#8f80ed
```
#8f80ed rgb(143,128,237)
```
#edc580
```
#edc580 rgb(237,197,128)
```
#80dfed
```
#80dfed rgb(128,223,237)
```

Split Complementary Color

#c580ed
```
#c580ed rgb(197,128,237)
```
#edc580
```
#edc580 rgb(237,197,128)
```
#80edc5
```
#80edc5 rgb(128,237,197)
```

Triadic Color

#ed80a8
```
#ed80a8 rgb(237,128,168)
```
#edc580
```
#edc580 rgb(237,197,128)
```
#80edc5
```
#80edc5 rgb(128,237,197)
```
#80a8ed
```
#80a8ed rgb(128,168,237)
```

Tetradic Color

#e4a63d
```
#e4a63d rgb(228,166,61)
```
#e7b153
```
#e7b153 rgb(231,177,83)
```
#eabb6a
```
#eabb6a rgb(234,187,106)
```
#edc580
```
#edc580 rgb(237,197,128)
```
#f0cf96
```
#f0cf96 rgb(240,207,150)
```
#f3d9ad
```
#f3d9ad rgb(243,217,173)
```
#f6e4c3
```
#f6e4c3 rgb(246,228,195)
```

Monochromatic Color

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

#edaa80
```
#edaa80 rgb(237,170,128)
```
#edb380
```
#edb380 rgb(237,179,128)
```
#edbc80
```
#edbc80 rgb(237,188,128)
```
#edc580
```
#edc580 rgb(237,197,128)
```
#edce80
```
#edce80 rgb(237,206,128)
```
#edd780
```
#edd780 rgb(237,215,128)
```
#ede080
```
#ede080 rgb(237,224,128)
```

Similar Colors

Text with hexadecimal color #edc580

This text has a font color of #edc580.

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

#edc580 background color

This paragraph has a background color of #edc580.

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

#edc580 border color

This element has a border color of #edc580.

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

CSS codes

.text {color:#edc580;}

.background {background-color:#edc580;}

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

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

#0a0701
```
#0a0701 rgb(10,7,1)
```
#1c1304
```
#1c1304 rgb(28,19,4)
```
#2d1f06
```
#2d1f06 rgb(45,31,6)
```
#3e2a09
```
#3e2a09 rgb(62,42,9)
```
#4f360b
```
#4f360b rgb(79,54,11)
```
#60420e
```
#60420e rgb(96,66,14)
```
#724e10
```
#724e10 rgb(114,78,16)
```
#835a13
```
#835a13 rgb(131,90,19)
```
#946515
```
#946515 rgb(148,101,21)
```
#a57117
```
#a57117 rgb(165,113,23)
```
#b67d1a
```
#b67d1a rgb(182,125,26)
```
#c7891c
```
#c7891c rgb(199,137,28)
```
#d9941f
```
#d9941f rgb(217,148,31)
```

Shade Color Variation

#e19e2a
```
#e19e2a rgb(225,158,42)
```
#e3a63b
```
#e3a63b rgb(227,166,59)
```
#e6ad4c
```
#e6ad4c rgb(230,173,76)
```
#e8b55e
```
#e8b55e rgb(232,181,94)
```
#ebbd6f
```
#ebbd6f rgb(235,189,111)
```
#edc580
```
#edc580 rgb(237,197,128)
```
#efcd91
```
#efcd91 rgb(239,205,145)
```
#f2d5a2
```
#f2d5a2 rgb(242,213,162)
```
#f4ddb4
```
#f4ddb4 rgb(244,221,180)
```
#f7e4c5
```
#f7e4c5 rgb(247,228,197)
```
#f9ecd6
```
#f9ecd6 rgb(249,236,214)
```
#fcf4e7
```
#fcf4e7 rgb(252,244,231)
```
#fefcf8
```
#fefcf8 rgb(254,252,248)
```

Tint Color Variation

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

#bbb8b2
```
#bbb8b2 rgb(187,184,178)
```
#c0b9ad
```
#c0b9ad rgb(192,185,173)
```
#c6bba7
```
#c6bba7 rgb(198,187,167)
```
#ccbca1
```
#ccbca1 rgb(204,188,161)
```
#d1be9c
```
#d1be9c rgb(209,190,156)
```
#d7bf96
```
#d7bf96 rgb(215,191,150)
```
#dcc191
```
#dcc191 rgb(220,193,145)
```
#e2c28b
```
#e2c28b rgb(226,194,139)
```
#e7c486
```
#e7c486 rgb(231,196,134)
```
#edc580
```
#edc580 rgb(237,197,128)
```
#f3c67a
```
#f3c67a rgb(243,198,122)
```
#f8c875
```
#f8c875 rgb(248,200,117)
```
#fec96f
```
#fec96f rgb(254,201,111)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#d0c8ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#decd88 Protanopia 1% of men
#f5c487 Deuteranopia 1% of men
#f5bfcc Tritanopia 0.001% of the population

Trichromacy

#e3ca85 Protanomaly 1% of men, 0.01% of women
#f2c484 Deuteranomaly 6% of men, 0.4% of women
#f2c1b0 Tritanomaly 0.01% of the population

#edc580 hex color

#edc580 Color Information

#edc580 Color Conversion

Color Schemes with #edc580

Alternatives to #edc580

#edc580 Preview

Shades and Tints of #edc580

Tones of #edc580

Color Blindness Simulator