colorhexa.com

#ecda5f hex color

In a RGB color space, hex #ecda5f is composed of 92.5% red, 85.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.6% magenta, 59.7% yellow and 7.5% black. It has a hue angle of 52.3 degrees, a saturation of 78.8% and a lightness of 64.9%. #ecda5f color hex could be obtained by blending #ffffbe with #d9b500. Closest websafe color is: #ffcc66.

- R 93
- G 85
- B 37
RGB color chart
- C 0
- M 8
- Y 60
- K 7
CMYK color chart

● #ecda5f color description : Soft yellow.

The hexadecimal color #ecda5f has RGB values of R:236, G:218, B:95 and CMYK values of C:0, M:0.08, Y:0.6, K:0.07. Its decimal value is 15522399.

Hex triplet	ecda5f	`#ecda5f`
RGB Decimal	236, 218, 95	`rgb(236,218,95)`
RGB Percent	92.5, 85.5, 37.3	`rgb(92.5%,85.5%,37.3%)`
CMYK	0, 8, 60, 7
HSL	52.3°, 78.8, 64.9	`hsl(52.3,78.8%,64.9%)`
HSV (or HSB)	52.3°, 59.7, 92.5
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	86.407, -8.409, 61.277
XYZ	61.729, 68.803, 20.855
xyY	0.408, 0.454, 68.803
CIE-LCH	86.407, 61.851, 97.813
CIE-LUV	86.407, 17.627, 75.452
Hunter-Lab	82.948, -12.32, 43.157
Binary	11101100, 11011010, 01011111

#ecda5f
```
#ecda5f rgb(236,218,95)
```
#5f71ec
```
#5f71ec rgb(95,113,236)
```

Complementary Color

#ec945f
```
#ec945f rgb(236,148,95)
```
#ecda5f
```
#ecda5f rgb(236,218,95)
```
#b8ec5f
```
#b8ec5f rgb(184,236,95)
```

Analogous Color

#945fec
```
#945fec rgb(148,95,236)
```
#ecda5f
```
#ecda5f rgb(236,218,95)
```
#5fb8ec
```
#5fb8ec rgb(95,184,236)
```

Split Complementary Color

#da5fec
```
#da5fec rgb(218,95,236)
```
#ecda5f
```
#ecda5f rgb(236,218,95)
```
#5fecda
```
#5fecda rgb(95,236,218)
```

Triadic Color

#ec5f71
```
#ec5f71 rgb(236,95,113)
```
#ecda5f
```
#ecda5f rgb(236,218,95)
```
#5fecda
```
#5fecda rgb(95,236,218)
```
#5f71ec
```
#5f71ec rgb(95,113,236)
```

Tetradic Color

#e3ca1b
```
#e3ca1b rgb(227,202,27)
```
#e7cf31
```
#e7cf31 rgb(231,207,49)
```
#e9d548
```
#e9d548 rgb(233,213,72)
```
#ecda5f
```
#ecda5f rgb(236,218,95)
```
#efdf76
```
#efdf76 rgb(239,223,118)
```
#f1e58d
```
#f1e58d rgb(241,229,141)
```
#f4eaa3
```
#f4eaa3 rgb(244,234,163)
```

Monochromatic Color

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

#ecb75f
```
#ecb75f rgb(236,183,95)
```
#ecc35f
```
#ecc35f rgb(236,195,95)
```
#ecce5f
```
#ecce5f rgb(236,206,95)
```
#ecda5f
```
#ecda5f rgb(236,218,95)
```
#ece65f
```
#ece65f rgb(236,230,95)
```
#e7ec5f
```
#e7ec5f rgb(231,236,95)
```
#dbec5f
```
#dbec5f rgb(219,236,95)
```

Similar Colors

Text with hexadecimal color #ecda5f

This text has a font color of #ecda5f.

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

#ecda5f background color

This paragraph has a background color of #ecda5f.

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

#ecda5f border color

This element has a border color of #ecda5f.

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

CSS codes

.text {color:#ecda5f;}

.background {background-color:#ecda5f;}

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

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

#0f0e02
```
#0f0e02 rgb(15,14,2)
```
#211d04
```
#211d04 rgb(33,29,4)
```
#322d06
```
#322d06 rgb(50,45,6)
```
#443c08
```
#443c08 rgb(68,60,8)
```
#554c0a
```
#554c0a rgb(85,76,10)
```
#675b0c
```
#675b0c rgb(103,91,12)
```
#796b0e
```
#796b0e rgb(121,107,14)
```
#8a7b10
```
#8a7b10 rgb(138,123,16)
```
#9c8a12
```
#9c8a12 rgb(156,138,18)
```
#ad9a15
```
#ad9a15 rgb(173,154,21)
```
#bfa917
```
#bfa917 rgb(191,169,23)
```
#d0b919
```
#d0b919 rgb(208,185,25)
```
#e2c81b
```
#e2c81b rgb(226,200,27)
```

Shade Color Variation

#e6ce2a
```
#e6ce2a rgb(230,206,42)
```
#e8d23c
```
#e8d23c rgb(232,210,60)
```
#ead64d
```
#ead64d rgb(234,214,77)
```
#ecda5f
```
#ecda5f rgb(236,218,95)
```
#eede71
```
#eede71 rgb(238,222,113)
```
#f0e282
```
#f0e282 rgb(240,226,130)
```
#f2e694
```
#f2e694 rgb(242,230,148)
```
#f4eaa5
```
#f4eaa5 rgb(244,234,165)
```
#f6eeb7
```
#f6eeb7 rgb(246,238,183)
```
#f8f2c8
```
#f8f2c8 rgb(248,242,200)
```
#fbf6da
```
#fbf6da rgb(251,246,218)
```
#fdfaeb
```
#fdfaeb rgb(253,250,235)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#a7a7a4
```
#a7a7a4 rgb(167,167,164)
```
#aeac9d
```
#aeac9d rgb(174,172,157)
```
#b5b196
```
#b5b196 rgb(181,177,150)
```
#bcb68f
```
#bcb68f rgb(188,182,143)
```
#c3bb88
```
#c3bb88 rgb(195,187,136)
```
#cac081
```
#cac081 rgb(202,192,129)
```
#d0c57b
```
#d0c57b rgb(208,197,123)
```
#d7cb74
```
#d7cb74 rgb(215,203,116)
```
#ded06d
```
#ded06d rgb(222,208,109)
```
#e5d566
```
#e5d566 rgb(229,213,102)
```
#ecda5f
```
#ecda5f rgb(236,218,95)
```
#f3df58
```
#f3df58 rgb(243,223,88)
```
#fae451
```
#fae451 rgb(250,228,81)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#d6d3ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1da66 Protanopia 1% of men
#ffd396 Deuteranopia 1% of men
#f9cfdd Tritanopia 0.001% of the population

Trichromacy

#efda64 Protanomaly 1% of men, 0.01% of women
#f8d582 Deuteranomaly 6% of men, 0.4% of women
#f4d3af Tritanomaly 0.01% of the population