#e2c564 hex color

In a RGB color space, hex #e2c564 is composed of 88.6% red, 77.3% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.8% magenta, 55.8% yellow and 11.4% black. It has a hue angle of 46.2 degrees, a saturation of 68.5% and a lightness of 63.9%. #e2c564 color hex could be obtained by blending #ffffc8 with #c58b00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 89
- G 77
- B 39
RGB color chart
- C 0
- M 13
- Y 56
- K 11
CMYK color chart

● #e2c564 color description : Soft yellow.

The hexadecimal color #e2c564 has RGB values of R:226, G:197, B:100 and CMYK values of C:0, M:0.13, Y:0.56, K:0.11. Its decimal value is 14861668.

Hex triplet	e2c564	`#e2c564`
RGB Decimal	226, 197, 100	`rgb(226,197,100)`
RGB Percent	88.6, 77.3, 39.2	`rgb(88.6%,77.3%,39.2%)`
CMYK	0, 13, 56, 11
HSL	46.2°, 68.5, 63.9	`hsl(46.2,68.5%,63.9%)`
HSV (or HSB)	46.2°, 55.8, 88.6
Web Safe	cccc66	`#cccc66`

CIE-LAB	80.193, -1.454, 51.712
XYZ	53.631, 57.023, 20.238
xyY	0.41, 0.436, 57.023
CIE-LCH	80.193, 51.732, 91.61
CIE-LUV	80.193, 24.383, 63.502
Hunter-Lab	75.514, -5.376, 36.97
Binary	11100010, 11000101, 01100100

#e2c564
```
#e2c564 rgb(226,197,100)
```
#6481e2
```
#6481e2 rgb(100,129,226)
```

Complementary Color

#e28664
```
#e28664 rgb(226,134,100)
```
#e2c564
```
#e2c564 rgb(226,197,100)
```
#c0e264
```
#c0e264 rgb(192,226,100)
```

Analogous Color

#8664e2
```
#8664e2 rgb(134,100,226)
```
#e2c564
```
#e2c564 rgb(226,197,100)
```
#64c0e2
```
#64c0e2 rgb(100,192,226)
```

Split Complementary Color

#c564e2
```
#c564e2 rgb(197,100,226)
```
#e2c564
```
#e2c564 rgb(226,197,100)
```
#64e2c5
```
#64e2c5 rgb(100,226,197)
```

Triadic Color

#e26481
```
#e26481 rgb(226,100,129)
```
#e2c564
```
#e2c564 rgb(226,197,100)
```
#64e2c5
```
#64e2c5 rgb(100,226,197)
```
#6481e2
```
#6481e2 rgb(100,129,226)
```

Tetradic Color

#d2ab27
```
#d2ab27 rgb(210,171,39)
```
#dab539
```
#dab539 rgb(218,181,57)
```
#debd4f
```
#debd4f rgb(222,189,79)
```
#e2c564
```
#e2c564 rgb(226,197,100)
```
#e6cd79
```
#e6cd79 rgb(230,205,121)
```
#ead58f
```
#ead58f rgb(234,213,143)
```
#eedda4
```
#eedda4 rgb(238,221,164)
```

Monochromatic Color

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

#e2a664
```
#e2a664 rgb(226,166,100)
```
#e2b064
```
#e2b064 rgb(226,176,100)
```
#e2bb64
```
#e2bb64 rgb(226,187,100)
```
#e2c564
```
#e2c564 rgb(226,197,100)
```
#e2d064
```
#e2d064 rgb(226,208,100)
```
#e2da64
```
#e2da64 rgb(226,218,100)
```
#e0e264
```
#e0e264 rgb(224,226,100)
```

Similar Colors

Text with hexadecimal color #e2c564

This text has a font color of #e2c564.

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

#e2c564 background color

This paragraph has a background color of #e2c564.

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

#e2c564 border color

This element has a border color of #e2c564.

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

CSS codes

.text {color:#e2c564;}

.background {background-color:#e2c564;}

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

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

#0a0802
```
#0a0802 rgb(10,8,2)
```
#1b1605
```
#1b1605 rgb(27,22,5)
```
#2b2308
```
#2b2308 rgb(43,35,8)
```
#3c310b
```
#3c310b rgb(60,49,11)
```
#4c3e0e
```
#4c3e0e rgb(76,62,14)
```
#5d4b11
```
#5d4b11 rgb(93,75,17)
```
#6d5914
```
#6d5914 rgb(109,89,20)
```
#7e6618
```
#7e6618 rgb(126,102,24)
```
#8e741b
```
#8e741b rgb(142,116,27)
```
#9f811e
```
#9f811e rgb(159,129,30)
```
#af8f21
```
#af8f21 rgb(175,143,33)
```
#c09c24
```
#c09c24 rgb(192,156,36)
```
#d1aa27
```
#d1aa27 rgb(209,170,39)
```

Shade Color Variation

#d9b232
```
#d9b232 rgb(217,178,50)
```
#dcb943
```
#dcb943 rgb(220,185,67)
```
#dfbf53
```
#dfbf53 rgb(223,191,83)
```
#e2c564
```
#e2c564 rgb(226,197,100)
```
#e5cb75
```
#e5cb75 rgb(229,203,117)
```
#e8d185
```
#e8d185 rgb(232,209,133)
```
#ebd896
```
#ebd896 rgb(235,216,150)
```
#eedea6
```
#eedea6 rgb(238,222,166)
```
#f1e4b7
```
#f1e4b7 rgb(241,228,183)
```
#f5eac7
```
#f5eac7 rgb(245,234,199)
```
#f8f0d8
```
#f8f0d8 rgb(248,240,216)
```
#fbf6e8
```
#fbf6e8 rgb(251,246,232)
```
#fefdf9
```
#fefdf9 rgb(254,253,249)
```

Tint Color Variation

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

#a9a69d
```
#a9a69d rgb(169,166,157)
```
#b0aa96
```
#b0aa96 rgb(176,170,150)
```
#b8ae8e
```
#b8ae8e rgb(184,174,142)
```
#bfb287
```
#bfb287 rgb(191,178,135)
```
#c6b680
```
#c6b680 rgb(198,182,128)
```
#cdba79
```
#cdba79 rgb(205,186,121)
```
#d4bd72
```
#d4bd72 rgb(212,189,114)
```
#dbc16b
```
#dbc16b rgb(219,193,107)
```
#e2c564
```
#e2c564 rgb(226,197,100)
```
#e9c95d
```
#e9c95d rgb(233,201,93)
```
#f0cd56
```
#f0cd56 rgb(240,205,86)
```
#f7d04f
```
#f7d04f rgb(247,208,79)
```
#fed448
```
#fed448 rgb(254,212,72)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c9c3b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc96c Protanopia 1% of men
#f5c06e Deuteranopia 1% of men
#edbdca Tritanopia 0.001% of the population

Trichromacy

#dfc869 Protanomaly 1% of men, 0.01% of women
#eec26a Deuteranomaly 6% of men, 0.4% of women
#e9c0a5 Tritanomaly 0.01% of the population

#e2c564 hex color

#e2c564 Color Information

#e2c564 Color Conversion

Color Schemes with #e2c564

Alternatives to #e2c564

#e2c564 Preview

Shades and Tints of #e2c564

Tones of #e2c564

Color Blindness Simulator