#e2ed96 hex color

In a RGB color space, hex #e2ed96 is composed of 88.6% red, 92.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 4.6% cyan, 0% magenta, 36.7% yellow and 7.1% black. It has a hue angle of 67.6 degrees, a saturation of 70.7% and a lightness of 75.9%. #e2ed96 color hex could be obtained by blending #ffffff with #c5db2d. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 89
- G 93
- B 59
RGB color chart
- C 5
- M 0
- Y 37
- K 7
CMYK color chart

● #e2ed96 color description : Very soft yellow.

The hexadecimal color #e2ed96 has RGB values of R:226, G:237, B:150 and CMYK values of C:0.05, M:0, Y:0.37, K:0.07. Its decimal value is 14871958.

Hex triplet	e2ed96	`#e2ed96`
RGB Decimal	226, 237, 150	`rgb(226,237,150)`
RGB Percent	88.6, 92.9, 58.8	`rgb(88.6%,92.9%,58.8%)`
CMYK	5, 0, 37, 7
HSL	67.6°, 70.7, 75.9	`hsl(67.6,70.7%,75.9%)`
HSV (or HSB)	67.6°, 36.7, 92.9
Web Safe	ccff99	`#ccff99`

CIE-LAB	91.207, -16.773, 40.944
XYZ	67.152, 78.939, 40.552
xyY	0.36, 0.423, 78.939
CIE-LCH	91.207, 44.247, 112.277
CIE-LUV	91.207, -2.595, 58.275
Hunter-Lab	88.848, -20.571, 35.132
Binary	11100010, 11101101, 10010110

#e2ed96
```
#e2ed96 rgb(226,237,150)
```
#a196ed
```
#a196ed rgb(161,150,237)
```

Complementary Color

#edcd96
```
#edcd96 rgb(237,205,150)
```
#e2ed96
```
#e2ed96 rgb(226,237,150)
```
#b7ed96
```
#b7ed96 rgb(183,237,150)
```

Analogous Color

#cd96ed
```
#cd96ed rgb(205,150,237)
```
#e2ed96
```
#e2ed96 rgb(226,237,150)
```
#96b7ed
```
#96b7ed rgb(150,183,237)
```

Split Complementary Color

#ed96e2
```
#ed96e2 rgb(237,150,226)
```
#e2ed96
```
#e2ed96 rgb(226,237,150)
```
#96e2ed
```
#96e2ed rgb(150,226,237)
```

Triadic Color

#eda196
```
#eda196 rgb(237,161,150)
```
#e2ed96
```
#e2ed96 rgb(226,237,150)
```
#96e2ed
```
#96e2ed rgb(150,226,237)
```
#a196ed
```
#a196ed rgb(161,150,237)
```

Tetradic Color

#d0e255
```
#d0e255 rgb(208,226,85)
```
#d6e66a
```
#d6e66a rgb(214,230,106)
```
#dce980
```
#dce980 rgb(220,233,128)
```
#e2ed96
```
#e2ed96 rgb(226,237,150)
```
#e8f1ac
```
#e8f1ac rgb(232,241,172)
```
#eef4c2
```
#eef4c2 rgb(238,244,194)
```
#f4f8d7
```
#f4f8d7 rgb(244,248,215)
```

Monochromatic Color

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

#ede296
```
#ede296 rgb(237,226,150)
```
#edea96
```
#edea96 rgb(237,234,150)
```
#e9ed96
```
#e9ed96 rgb(233,237,150)
```
#e2ed96
```
#e2ed96 rgb(226,237,150)
```
#dbed96
```
#dbed96 rgb(219,237,150)
```
#d4ed96
```
#d4ed96 rgb(212,237,150)
```
#cced96
```
#cced96 rgb(204,237,150)
```

Similar Colors

Text with hexadecimal color #e2ed96

This text has a font color of #e2ed96.

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

#e2ed96 background color

This paragraph has a background color of #e2ed96.

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

#e2ed96 border color

This element has a border color of #e2ed96.

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

CSS codes

.text {color:#e2ed96;}

.background {background-color:#e2ed96;}

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

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

#0b0c02
```
#0b0c02 rgb(11,12,2)
```
#1a1d05
```
#1a1d05 rgb(26,29,5)
```
#292e08
```
#292e08 rgb(41,46,8)
```
#383e0b
```
#383e0b rgb(56,62,11)
```
#474f0e
```
#474f0e rgb(71,79,14)
```
#566010
```
#566010 rgb(86,96,16)
```
#657113
```
#657113 rgb(101,113,19)
```
#748116
```
#748116 rgb(116,129,22)
```
#839219
```
#839219 rgb(131,146,25)
```
#92a31c
```
#92a31c rgb(146,163,28)
```
#a1b41f
```
#a1b41f rgb(161,180,31)
```
#b0c422
```
#b0c422 rgb(176,196,34)
```
#bfd525
```
#bfd525 rgb(191,213,37)
```

Shade Color Variation

#c6dc32
```
#c6dc32 rgb(198,220,50)
```
#cbdf42
```
#cbdf42 rgb(203,223,66)
```
#d0e253
```
#d0e253 rgb(208,226,83)
```
#d4e464
```
#d4e464 rgb(212,228,100)
```
#d9e775
```
#d9e775 rgb(217,231,117)
```
#ddea85
```
#ddea85 rgb(221,234,133)
```
#e2ed96
```
#e2ed96 rgb(226,237,150)
```
#e7f0a7
```
#e7f0a7 rgb(231,240,167)
```
#ebf3b7
```
#ebf3b7 rgb(235,243,183)
```
#f0f6c8
```
#f0f6c8 rgb(240,246,200)
```
#f4f8d9
```
#f4f8d9 rgb(244,248,217)
```
#f9fbea
```
#f9fbea rgb(249,251,234)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#c2c2c1
```
#c2c2c1 rgb(194,194,193)
```
#c6c7bc
```
#c6c7bc rgb(198,199,188)
```
#c9ccb7
```
#c9ccb7 rgb(201,204,183)
```
#cdd1b2
```
#cdd1b2 rgb(205,209,178)
```
#d0d5ae
```
#d0d5ae rgb(208,213,174)
```
#d4daa9
```
#d4daa9 rgb(212,218,169)
```
#d7dfa4
```
#d7dfa4 rgb(215,223,164)
```
#dbe49f
```
#dbe49f rgb(219,228,159)
```
#dee89b
```
#dee89b rgb(222,232,155)
```
#e2ed96
```
#e2ed96 rgb(226,237,150)
```
#e6f291
```
#e6f291 rgb(230,242,145)
```
#e9f68d
```
#e9f68d rgb(233,246,141)
```
#edfb88
```
#edfb88 rgb(237,251,136)
```

Tone Color Variation

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

#e0e0e0 Achromatopsia 0.005% of the population
#e0e3d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fae798 Protanopia 1% of men
#ffe2c6 Deuteranopia 1% of men
#efe3f3 Tritanopia 0.001% of the population

Trichromacy

#f1e997 Protanomaly 1% of men, 0.01% of women
#f4e6b5 Deuteranomaly 6% of men, 0.4% of women
#eae6d1 Tritanomaly 0.01% of the population

#e2ed96 hex color

#e2ed96 Color Information

#e2ed96 Color Conversion

Color Schemes with #e2ed96

Alternatives to #e2ed96

#e2ed96 Preview

Shades and Tints of #e2ed96

Tones of #e2ed96

Color Blindness Simulator