#ecd676 hex color

In a RGB color space, hex #ecd676 is composed of 92.5% red, 83.9% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9.3% magenta, 50% yellow and 7.5% black. It has a hue angle of 48.8 degrees, a saturation of 75.6% and a lightness of 69.4%. #ecd676 color hex could be obtained by blending #ffffec with #d9ad00. Closest websafe color is: #ffcc66.

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

● #ecd676 color description : Soft yellow.

The hexadecimal color #ecd676 has RGB values of R:236, G:214, B:118 and CMYK values of C:0, M:0.09, Y:0.5, K:0.07. Its decimal value is 15521398.

Hex triplet	ecd676	`#ecd676`
RGB Decimal	236, 214, 118	`rgb(236,214,118)`
RGB Percent	92.5, 83.9, 46.3	`rgb(92.5%,83.9%,46.3%)`
CMYK	0, 9, 50, 7
HSL	48.8°, 75.6, 69.4	`hsl(48.8,75.6%,69.4%)`
HSV (or HSB)	48.8°, 50, 92.5
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	85.623, -4.611, 49.786
XYZ	61.909, 67.236, 26.855
xyY	0.397, 0.431, 67.236
CIE-LCH	85.623, 49.999, 95.291
CIE-LUV	85.623, 19.263, 63.885
Hunter-Lab	81.997, -8.726, 37.98
Binary	11101100, 11010110, 01110110

#ecd676
```
#ecd676 rgb(236,214,118)
```
#768cec
```
#768cec rgb(118,140,236)
```

Complementary Color

#ec9b76
```
#ec9b76 rgb(236,155,118)
```
#ecd676
```
#ecd676 rgb(236,214,118)
```
#c7ec76
```
#c7ec76 rgb(199,236,118)
```

Analogous Color

#9b76ec
```
#9b76ec rgb(155,118,236)
```
#ecd676
```
#ecd676 rgb(236,214,118)
```
#76c7ec
```
#76c7ec rgb(118,199,236)
```

Split Complementary Color

#d676ec
```
#d676ec rgb(214,118,236)
```
#ecd676
```
#ecd676 rgb(236,214,118)
```
#76ecd6
```
#76ecd6 rgb(118,236,214)
```

Triadic Color

#ec768c
```
#ec768c rgb(236,118,140)
```
#ecd676
```
#ecd676 rgb(236,214,118)
```
#76ecd6
```
#76ecd6 rgb(118,236,214)
```
#768cec
```
#768cec rgb(118,140,236)
```

Tetradic Color

#e3c233
```
#e3c233 rgb(227,194,51)
```
#e6c949
```
#e6c949 rgb(230,201,73)
```
#e9cf60
```
#e9cf60 rgb(233,207,96)
```
#ecd676
```
#ecd676 rgb(236,214,118)
```
#efdd8c
```
#efdd8c rgb(239,221,140)
```
#f2e3a3
```
#f2e3a3 rgb(242,227,163)
```
#f5eab9
```
#f5eab9 rgb(245,234,185)
```

Monochromatic Color

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

#ecb976
```
#ecb976 rgb(236,185,118)
```
#ecc276
```
#ecc276 rgb(236,194,118)
```
#eccc76
```
#eccc76 rgb(236,204,118)
```
#ecd676
```
#ecd676 rgb(236,214,118)
```
#ece076
```
#ece076 rgb(236,224,118)
```
#ecea76
```
#ecea76 rgb(236,234,118)
```
#e5ec76
```
#e5ec76 rgb(229,236,118)
```

Similar Colors

Text with hexadecimal color #ecd676

This text has a font color of #ecd676.

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

#ecd676 background color

This paragraph has a background color of #ecd676.

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

#ecd676 border color

This element has a border color of #ecd676.

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

CSS codes

.text {color:#ecd676;}

.background {background-color:#ecd676;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120f03
```
#120f03 rgb(18,15,3)
```
#231e05
```
#231e05 rgb(35,30,5)
```
#342c07
```
#342c07 rgb(52,44,7)
```
#463b0a
```
#463b0a rgb(70,59,10)
```
#57490c
```
#57490c rgb(87,73,12)
```
#68570e
```
#68570e rgb(104,87,14)
```
#796611
```
#796611 rgb(121,102,17)
```
#8b7413
```
#8b7413 rgb(139,116,19)
```
#9c8316
```
#9c8316 rgb(156,131,22)
```
#ad9118
```
#ad9118 rgb(173,145,24)
```
#bea01a
```
#bea01a rgb(190,160,26)
```
#d0ae1d
```
#d0ae1d rgb(208,174,29)
```

Shade Color Variation

#e0bc20
```
#e0bc20 rgb(224,188,32)
```
#e2c131
```
#e2c131 rgb(226,193,49)
```
#e5c742
```
#e5c742 rgb(229,199,66)
```
#e7cc54
```
#e7cc54 rgb(231,204,84)
```
#ead165
```
#ead165 rgb(234,209,101)
```
#ecd676
```
#ecd676 rgb(236,214,118)
```
#eedb87
```
#eedb87 rgb(238,219,135)
```
#f1e098
```
#f1e098 rgb(241,224,152)
```
#f3e5aa
```
#f3e5aa rgb(243,229,170)
```
#f6ebbb
```
#f6ebbb rgb(246,235,187)
```
#f8f0cc
```
#f8f0cc rgb(248,240,204)
```
#faf5dd
```
#faf5dd rgb(250,245,221)
```
#fdfaef
```
#fdfaef rgb(253,250,239)
```

Tint Color Variation

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

#b6b4ac
```
#b6b4ac rgb(182,180,172)
```
#bcb8a6
```
#bcb8a6 rgb(188,184,166)
```
#c2bca0
```
#c2bca0 rgb(194,188,160)
```
#c8bf9a
```
#c8bf9a rgb(200,191,154)
```
#cec394
```
#cec394 rgb(206,195,148)
```
#d4c78e
```
#d4c78e rgb(212,199,142)
```
#dacb88
```
#dacb88 rgb(218,203,136)
```
#e0ce82
```
#e0ce82 rgb(224,206,130)
```
#e6d27c
```
#e6d27c rgb(230,210,124)
```
#ecd676
```
#ecd676 rgb(236,214,118)
```
#f2da70
```
#f2da70 rgb(242,218,112)
```
#f8de6a
```
#f8de6a rgb(248,222,106)
```
#fee164
```
#fee164 rgb(254,225,100)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#d7d3c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd87d Protanopia 1% of men
#ffd093 Deuteranopia 1% of men
#f7cddb Tritanopia 0.001% of the population

Trichromacy

#ecd77a Protanomaly 1% of men, 0.01% of women
#f8d288 Deuteranomaly 6% of men, 0.4% of women
#f3d0b6 Tritanomaly 0.01% of the population

#ecd676 hex color

#ecd676 Color Information

#ecd676 Color Conversion

Color Schemes with #ecd676

Alternatives to #ecd676

#ecd676 Preview

Shades and Tints of #ecd676

Tones of #ecd676

Color Blindness Simulator