#edcc80 hex color

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

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

● #edcc80 color description : Soft orange.

The hexadecimal color #edcc80 has RGB values of R:237, G:204, B:128 and CMYK values of C:0, M:0.14, Y:0.46, K:0.07. Its decimal value is 15584384.

Hex triplet	edcc80	`#edcc80`
RGB Decimal	237, 204, 128	`rgb(237,204,128)`
RGB Percent	92.9, 80, 50.2	`rgb(92.9%,80%,50.2%)`
CMYK	0, 14, 46, 7
HSL	41.8°, 75.2, 71.6	`hsl(41.8,75.2%,71.6%)`
HSV (or HSB)	41.8°, 46, 92.9
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	83.311, 1.838, 42.03
XYZ	60.414, 62.751, 29.351
xyY	0.396, 0.411, 62.751
CIE-LCH	83.311, 42.07, 87.496
CIE-LUV	83.311, 25.906, 54.064
Hunter-Lab	79.215, -2.492, 33.483
Binary	11101101, 11001100, 10000000

#edcc80
```
#edcc80 rgb(237,204,128)
```
#80a1ed
```
#80a1ed rgb(128,161,237)
```

Complementary Color

#ed9680
```
#ed9680 rgb(237,150,128)
```
#edcc80
```
#edcc80 rgb(237,204,128)
```
#d8ed80
```
#d8ed80 rgb(216,237,128)
```

Analogous Color

#9680ed
```
#9680ed rgb(150,128,237)
```
#edcc80
```
#edcc80 rgb(237,204,128)
```
#80d8ed
```
#80d8ed rgb(128,216,237)
```

Split Complementary Color

#cc80ed
```
#cc80ed rgb(204,128,237)
```
#edcc80
```
#edcc80 rgb(237,204,128)
```
#80edcc
```
#80edcc rgb(128,237,204)
```

Triadic Color

#ed80a1
```
#ed80a1 rgb(237,128,161)
```
#edcc80
```
#edcc80 rgb(237,204,128)
```
#80edcc
```
#80edcc rgb(128,237,204)
```
#80a1ed
```
#80a1ed rgb(128,161,237)
```

Tetradic Color

#e4b13d
```
#e4b13d rgb(228,177,61)
```
#e7ba53
```
#e7ba53 rgb(231,186,83)
```
#eac36a
```
#eac36a rgb(234,195,106)
```
#edcc80
```
#edcc80 rgb(237,204,128)
```
#f0d596
```
#f0d596 rgb(240,213,150)
```
#f3dead
```
#f3dead rgb(243,222,173)
```
#f6e7c3
```
#f6e7c3 rgb(246,231,195)
```

Monochromatic Color

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

#edb180
```
#edb180 rgb(237,177,128)
```
#edba80
```
#edba80 rgb(237,186,128)
```
#edc380
```
#edc380 rgb(237,195,128)
```
#edcc80
```
#edcc80 rgb(237,204,128)
```
#edd580
```
#edd580 rgb(237,213,128)
```
#edde80
```
#edde80 rgb(237,222,128)
```
#ede780
```
#ede780 rgb(237,231,128)
```

Similar Colors

Text with hexadecimal color #edcc80

This text has a font color of #edcc80.

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

#edcc80 background color

This paragraph has a background color of #edcc80.

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

#edcc80 border color

This element has a border color of #edcc80.

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

CSS codes

.text {color:#edcc80;}

.background {background-color:#edcc80;}

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

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

#0a0801
```
#0a0801 rgb(10,8,1)
```
#1c1404
```
#1c1404 rgb(28,20,4)
```
#2d2106
```
#2d2106 rgb(45,33,6)
```
#3e2e09
```
#3e2e09 rgb(62,46,9)
```
#4f3b0b
```
#4f3b0b rgb(79,59,11)
```
#60470e
```
#60470e rgb(96,71,14)
```
#725410
```
#725410 rgb(114,84,16)
```
#836113
```
#836113 rgb(131,97,19)
```
#946d15
```
#946d15 rgb(148,109,21)
```
#a57a17
```
#a57a17 rgb(165,122,23)
```
#b6871a
```
#b6871a rgb(182,135,26)
```
#c7941c
```
#c7941c rgb(199,148,28)
```
#d9a01f
```
#d9a01f rgb(217,160,31)
```

Shade Color Variation

#e1aa2a
```
#e1aa2a rgb(225,170,42)
```
#e3b03b
```
#e3b03b rgb(227,176,59)
```
#e6b74c
```
#e6b74c rgb(230,183,76)
```
#e8be5e
```
#e8be5e rgb(232,190,94)
```
#ebc56f
```
#ebc56f rgb(235,197,111)
```
#edcc80
```
#edcc80 rgb(237,204,128)
```
#efd391
```
#efd391 rgb(239,211,145)
```
#f2daa2
```
#f2daa2 rgb(242,218,162)
```
#f4e1b4
```
#f4e1b4 rgb(244,225,180)
```
#f7e8c5
```
#f7e8c5 rgb(247,232,197)
```
#f9eed6
```
#f9eed6 rgb(249,238,214)
```
#fcf5e7
```
#fcf5e7 rgb(252,245,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 #fed36f is the most saturated one.

#bbb8b2
```
#bbb8b2 rgb(187,184,178)
```
#c0baad
```
#c0baad rgb(192,186,173)
```
#c6bda7
```
#c6bda7 rgb(198,189,167)
```
#ccbfa1
```
#ccbfa1 rgb(204,191,161)
```
#d1c19c
```
#d1c19c rgb(209,193,156)
```
#d7c396
```
#d7c396 rgb(215,195,150)
```
#dcc591
```
#dcc591 rgb(220,197,145)
```
#e2c88b
```
#e2c88b rgb(226,200,139)
```
#e7ca86
```
#e7ca86 rgb(231,202,134)
```
#edcc80
```
#edcc80 rgb(237,204,128)
```
#f3ce7a
```
#f3ce7a rgb(243,206,122)
```
#f8d075
```
#f8d075 rgb(248,208,117)
```
#fed36f
```
#fed36f rgb(254,211,111)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#d3cdbe Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4d187 Protanopia 1% of men
#fbc988 Deuteranopia 1% of men
#f6c5d3 Tritanopia 0.001% of the population

Trichromacy

#e7cf84 Protanomaly 1% of men, 0.01% of women
#f6ca85 Deuteranomaly 6% of men, 0.4% of women
#f2c7b4 Tritanomaly 0.01% of the population

#edcc80 hex color

#edcc80 Color Information

#edcc80 Color Conversion

Color Schemes with #edcc80

Alternatives to #edcc80

#edcc80 Preview

Shades and Tints of #edcc80

Tones of #edcc80

Color Blindness Simulator