#edcc63 hex color

In a RGB color space, hex #edcc63 is composed of 92.9% red, 80% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.9% magenta, 58.2% yellow and 7.1% black. It has a hue angle of 45.7 degrees, a saturation of 79.3% and a lightness of 65.9%. #edcc63 color hex could be obtained by blending #ffffc6 with #db9900. Closest websafe color is: #ffcc66.

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

● #edcc63 color description : Soft yellow.

The hexadecimal color #edcc63 has RGB values of R:237, G:204, B:99 and CMYK values of C:0, M:0.14, Y:0.58, K:0.07. Its decimal value is 15584355.

Hex triplet	edcc63	`#edcc63`
RGB Decimal	237, 204, 99	`rgb(237,204,99)`
RGB Percent	92.9, 80, 38.8	`rgb(92.9%,80%,38.8%)`
CMYK	0, 14, 58, 7
HSL	45.7°, 79.3, 65.9	`hsl(45.7,79.3%,65.9%)`
HSV (or HSB)	45.7°, 58.2, 92.9
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	82.963, -0.597, 55.638
XYZ	58.77, 62.093, 20.693
xyY	0.415, 0.439, 62.093
CIE-LCH	82.963, 55.641, 90.614
CIE-LUV	82.963, 27.577, 67.681
Hunter-Lab	78.799, -4.769, 39.589
Binary	11101101, 11001100, 01100011

#edcc63
```
#edcc63 rgb(237,204,99)
```
#6384ed
```
#6384ed rgb(99,132,237)
```

Complementary Color

#ed8763
```
#ed8763 rgb(237,135,99)
```
#edcc63
```
#edcc63 rgb(237,204,99)
```
#c9ed63
```
#c9ed63 rgb(201,237,99)
```

Analogous Color

#8763ed
```
#8763ed rgb(135,99,237)
```
#edcc63
```
#edcc63 rgb(237,204,99)
```
#63c9ed
```
#63c9ed rgb(99,201,237)
```

Split Complementary Color

#cc63ed
```
#cc63ed rgb(204,99,237)
```
#edcc63
```
#edcc63 rgb(237,204,99)
```
#63edcc
```
#63edcc rgb(99,237,204)
```

Triadic Color

#ed6384
```
#ed6384 rgb(237,99,132)
```
#edcc63
```
#edcc63 rgb(237,204,99)
```
#63edcc
```
#63edcc rgb(99,237,204)
```
#6384ed
```
#6384ed rgb(99,132,237)
```

Tetradic Color

#e5b61e
```
#e5b61e rgb(229,182,30)
```
#e8bd35
```
#e8bd35 rgb(232,189,53)
```
#eac54c
```
#eac54c rgb(234,197,76)
```
#edcc63
```
#edcc63 rgb(237,204,99)
```
#f0d37a
```
#f0d37a rgb(240,211,122)
```
#f2db91
```
#f2db91 rgb(242,219,145)
```
#f5e2a8
```
#f5e2a8 rgb(245,226,168)
```

Monochromatic Color

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

#edaa63
```
#edaa63 rgb(237,170,99)
```
#edb563
```
#edb563 rgb(237,181,99)
```
#edc163
```
#edc163 rgb(237,193,99)
```
#edcc63
```
#edcc63 rgb(237,204,99)
```
#edd863
```
#edd863 rgb(237,216,99)
```
#ede363
```
#ede363 rgb(237,227,99)
```
#eced63
```
#eced63 rgb(236,237,99)
```

Similar Colors

Text with hexadecimal color #edcc63

This text has a font color of #edcc63.

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

#edcc63 background color

This paragraph has a background color of #edcc63.

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

#edcc63 border color

This element has a border color of #edcc63.

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

CSS codes

.text {color:#edcc63;}

.background {background-color:#edcc63;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#141002
```
#141002 rgb(20,16,2)
```
#251e04
```
#251e04 rgb(37,30,4)
```
#372b06
```
#372b06 rgb(55,43,6)
```
#493908
```
#493908 rgb(73,57,8)
```
#5a470a
```
#5a470a rgb(90,71,10)
```
#6c550c
```
#6c550c rgb(108,85,12)
```
#7d630e
```
#7d630e rgb(125,99,14)
```
#8f7110
```
#8f7110 rgb(143,113,16)
```
#a17f13
```
#a17f13 rgb(161,127,19)
```
#b28c15
```
#b28c15 rgb(178,140,21)
```
#c49a17
```
#c49a17 rgb(196,154,23)
```
#d5a819
```
#d5a819 rgb(213,168,25)
```

Shade Color Variation

#e5b51d
```
#e5b51d rgb(229,181,29)
```
#e7bb2e
```
#e7bb2e rgb(231,187,46)
```
#e9c140
```
#e9c140 rgb(233,193,64)
```
#ebc651
```
#ebc651 rgb(235,198,81)
```
#edcc63
```
#edcc63 rgb(237,204,99)
```
#efd275
```
#efd275 rgb(239,210,117)
```
#f1d786
```
#f1d786 rgb(241,215,134)
```
#f3dd98
```
#f3dd98 rgb(243,221,152)
```
#f5e3a9
```
#f5e3a9 rgb(245,227,169)
```
#f7e9bb
```
#f7e9bb rgb(247,233,187)
```
#f9eecd
```
#f9eecd rgb(249,238,205)
```
#fbf4de
```
#fbf4de rgb(251,244,222)
```
#fdfaf0
```
#fdfaf0 rgb(253,250,240)
```

Tint Color Variation

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

#aaa9a6
```
#aaa9a6 rgb(170,169,166)
```
#b1ad9f
```
#b1ad9f rgb(177,173,159)
```
#b7b099
```
#b7b099 rgb(183,176,153)
```
#beb492
```
#beb492 rgb(190,180,146)
```
#c5b78b
```
#c5b78b rgb(197,183,139)
```
#ccbb84
```
#ccbb84 rgb(204,187,132)
```
#d2be7e
```
#d2be7e rgb(210,190,126)
```
#d9c277
```
#d9c277 rgb(217,194,119)
```
#e0c570
```
#e0c570 rgb(224,197,112)
```
#e6c96a
```
#e6c96a rgb(230,201,106)
```
#edcc63
```
#edcc63 rgb(237,204,99)
```
#f4cf5c
```
#f4cf5c rgb(244,207,92)
```
#fad356
```
#fad356 rgb(250,211,86)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#d1cab5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d16b Protanopia 1% of men
#ffc76e Deuteranopia 1% of men
#f7c3d1 Tritanopia 0.001% of the population

Trichromacy

#e8cf68 Protanomaly 1% of men, 0.01% of women
#f8c96a Deuteranomaly 6% of men, 0.4% of women
#f3c6a9 Tritanomaly 0.01% of the population

#edcc63 hex color

#edcc63 Color Information

#edcc63 Color Conversion

Color Schemes with #edcc63

Alternatives to #edcc63

#edcc63 Preview

Shades and Tints of #edcc63

Tones of #edcc63

Color Blindness Simulator