#edcc55 hex color

In a RGB color space, hex #edcc55 is composed of 92.9% red, 80% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.9% magenta, 64.1% yellow and 7.1% black. It has a hue angle of 47 degrees, a saturation of 80.9% and a lightness of 63.1%. #edcc55 color hex could be obtained by blending #ffffaa with #db9900. Closest websafe color is: #ffcc66.

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

● #edcc55 color description : Soft yellow.

The hexadecimal color #edcc55 has RGB values of R:237, G:204, B:85 and CMYK values of C:0, M:0.14, Y:0.64, K:0.07. Its decimal value is 15584341.

Hex triplet	edcc55	`#edcc55`
RGB Decimal	237, 204, 85	`rgb(237,204,85)`
RGB Percent	92.9, 80, 33.3	`rgb(92.9%,80%,33.3%)`
CMYK	0, 14, 64, 7
HSL	47°, 80.9, 63.1	`hsl(47,80.9%,63.1%)`
HSV (or HSB)	47°, 64.1, 92.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	82.833, -1.52, 61.727
XYZ	58.158, 61.848, 17.468
xyY	0.423, 0.45, 61.848
CIE-LCH	82.833, 61.745, 91.41
CIE-LUV	82.833, 28.228, 72.978
Hunter-Lab	78.644, -5.623, 41.881
Binary	11101101, 11001100, 01010101

#edcc55
```
#edcc55 rgb(237,204,85)
```
#5576ed
```
#5576ed rgb(85,118,237)
```

Complementary Color

#ed8055
```
#ed8055 rgb(237,128,85)
```
#edcc55
```
#edcc55 rgb(237,204,85)
```
#c2ed55
```
#c2ed55 rgb(194,237,85)
```

Analogous Color

#8055ed
```
#8055ed rgb(128,85,237)
```
#edcc55
```
#edcc55 rgb(237,204,85)
```
#55c2ed
```
#55c2ed rgb(85,194,237)
```

Split Complementary Color

#cc55ed
```
#cc55ed rgb(204,85,237)
```
#edcc55
```
#edcc55 rgb(237,204,85)
```
#55edcc
```
#55edcc rgb(85,237,204)
```

Triadic Color

#ed5576
```
#ed5576 rgb(237,85,118)
```
#edcc55
```
#edcc55 rgb(237,204,85)
```
#55edcc
```
#55edcc rgb(85,237,204)
```
#5576ed
```
#5576ed rgb(85,118,237)
```

Tetradic Color

#deb318
```
#deb318 rgb(222,179,24)
```
#e8be27
```
#e8be27 rgb(232,190,39)
```
#ebc53e
```
#ebc53e rgb(235,197,62)
```
#edcc55
```
#edcc55 rgb(237,204,85)
```
#efd36c
```
#efd36c rgb(239,211,108)
```
#f2da83
```
#f2da83 rgb(242,218,131)
```
#f4e19a
```
#f4e19a rgb(244,225,154)
```

Monochromatic Color

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

#eda655
```
#eda655 rgb(237,166,85)
```
#edb355
```
#edb355 rgb(237,179,85)
```
#edbf55
```
#edbf55 rgb(237,191,85)
```
#edcc55
```
#edcc55 rgb(237,204,85)
```
#edd955
```
#edd955 rgb(237,217,85)
```
#ede555
```
#ede555 rgb(237,229,85)
```
#e8ed55
```
#e8ed55 rgb(232,237,85)
```

Similar Colors

Text with hexadecimal color #edcc55

This text has a font color of #edcc55.

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

#edcc55 background color

This paragraph has a background color of #edcc55.

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

#edcc55 border color

This element has a border color of #edcc55.

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

CSS codes

.text {color:#edcc55;}

.background {background-color:#edcc55;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#191403
```
#191403 rgb(25,20,3)
```
#2b2305
```
#2b2305 rgb(43,35,5)
```
#3d3106
```
#3d3106 rgb(61,49,6)
```
#4e3f08
```
#4e3f08 rgb(78,63,8)
```
#604d0a
```
#604d0a rgb(96,77,10)
```
#725c0c
```
#725c0c rgb(114,92,12)
```
#846a0e
```
#846a0e rgb(132,106,14)
```
#957810
```
#957810 rgb(149,120,16)
```
#a78712
```
#a78712 rgb(167,135,18)
```
#b99514
```
#b99514 rgb(185,149,20)
```
#caa315
```
#caa315 rgb(202,163,21)
```
#dcb117
```
#dcb117 rgb(220,177,23)
```

Shade Color Variation

#e7bc20
```
#e7bc20 rgb(231,188,32)
```
#e9c132
```
#e9c132 rgb(233,193,50)
```
#ebc743
```
#ebc743 rgb(235,199,67)
```
#edcc55
```
#edcc55 rgb(237,204,85)
```
#efd167
```
#efd167 rgb(239,209,103)
```
#f1d778
```
#f1d778 rgb(241,215,120)
```
#f3dc8a
```
#f3dc8a rgb(243,220,138)
```
#f5e19c
```
#f5e19c rgb(245,225,156)
```
#f6e7ae
```
#f6e7ae rgb(246,231,174)
```
#f8ecbf
```
#f8ecbf rgb(248,236,191)
```
#faf1d1
```
#faf1d1 rgb(250,241,209)
```
#fcf7e3
```
#fcf7e3 rgb(252,247,227)
```
#fefcf5
```
#fefcf5 rgb(254,252,245)
```

Tint Color Variation

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

#a5a39d
```
#a5a39d rgb(165,163,157)
```
#aca796
```
#aca796 rgb(172,167,150)
```
#b3ab8f
```
#b3ab8f rgb(179,171,143)
```
#baaf88
```
#baaf88 rgb(186,175,136)
```
#c2b380
```
#c2b380 rgb(194,179,128)
```
#c9b879
```
#c9b879 rgb(201,184,121)
```
#d0bc72
```
#d0bc72 rgb(208,188,114)
```
#d7c06b
```
#d7c06b rgb(215,192,107)
```
#dfc463
```
#dfc463 rgb(223,196,99)
```
#e6c85c
```
#e6c85c rgb(230,200,92)
```
#edcc55
```
#edcc55 rgb(237,204,85)
```
#f4d04e
```
#f4d04e rgb(244,208,78)
```
#fbd447
```
#fbd447 rgb(251,212,71)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#cfc9b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7d15e Protanopia 1% of men
#ffc767 Deuteranopia 1% of men
#f8c2d0 Tritanopia 0.001% of the population

Trichromacy

#e9cf5b Protanomaly 1% of men, 0.01% of women
#f8c961 Deuteranomaly 6% of men, 0.4% of women
#f4c6a3 Tritanomaly 0.01% of the population

#edcc55 hex color

#edcc55 Color Information

#edcc55 Color Conversion

Color Schemes with #edcc55

Alternatives to #edcc55

#edcc55 Preview

Shades and Tints of #edcc55

Tones of #edcc55

Color Blindness Simulator