#e2d766 hex color

In a RGB color space, hex #e2d766 is composed of 88.6% red, 84.3% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.9% magenta, 54.9% yellow and 11.4% black. It has a hue angle of 54.7 degrees, a saturation of 68.1% and a lightness of 64.3%. #e2d766 color hex could be obtained by blending #ffffcc with #c5af00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 89
- G 84
- B 40
RGB color chart
- C 0
- M 5
- Y 55
- K 11
CMYK color chart

● #e2d766 color description : Soft yellow.

The hexadecimal color #e2d766 has RGB values of R:226, G:215, B:102 and CMYK values of C:0, M:0.05, Y:0.55, K:0.11. Its decimal value is 14866278.

Hex triplet	e2d766	`#e2d766`
RGB Decimal	226, 215, 102	`rgb(226,215,102)`
RGB Percent	88.6, 84.3, 40	`rgb(88.6%,84.3%,40%)`
CMYK	0, 5, 55, 11
HSL	54.7°, 68.1, 64.3	`hsl(54.7,68.1%,64.3%)`
HSV (or HSB)	54.7°, 54.9, 88.6
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.859, -10.484, 56.183
XYZ	58.063, 65.73, 22.198
xyY	0.398, 0.45, 65.73
CIE-LCH	84.859, 57.153, 100.57
CIE-LUV	84.859, 12.444, 70.953
Hunter-Lab	81.074, -14.044, 40.518
Binary	11100010, 11010111, 01100110

#e2d766
```
#e2d766 rgb(226,215,102)
```
#6671e2
```
#6671e2 rgb(102,113,226)
```

Complementary Color

#e29966
```
#e29966 rgb(226,153,102)
```
#e2d766
```
#e2d766 rgb(226,215,102)
```
#afe266
```
#afe266 rgb(175,226,102)
```

Analogous Color

#9966e2
```
#9966e2 rgb(153,102,226)
```
#e2d766
```
#e2d766 rgb(226,215,102)
```
#66afe2
```
#66afe2 rgb(102,175,226)
```

Split Complementary Color

#d766e2
```
#d766e2 rgb(215,102,226)
```
#e2d766
```
#e2d766 rgb(226,215,102)
```
#66e2d7
```
#66e2d7 rgb(102,226,215)
```

Triadic Color

#e26671
```
#e26671 rgb(226,102,113)
```
#e2d766
```
#e2d766 rgb(226,215,102)
```
#66e2d7
```
#66e2d7 rgb(102,226,215)
```
#6671e2
```
#6671e2 rgb(102,113,226)
```

Tetradic Color

#d3c428
```
#d3c428 rgb(211,196,40)
```
#dacc3b
```
#dacc3b rgb(218,204,59)
```
#ded151
```
#ded151 rgb(222,209,81)
```
#e2d766
```
#e2d766 rgb(226,215,102)
```
#e6dd7b
```
#e6dd7b rgb(230,221,123)
```
#eae291
```
#eae291 rgb(234,226,145)
```
#eee8a6
```
#eee8a6 rgb(238,232,166)
```

Monochromatic Color

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

#e2b866
```
#e2b866 rgb(226,184,102)
```
#e2c266
```
#e2c266 rgb(226,194,102)
```
#e2cd66
```
#e2cd66 rgb(226,205,102)
```
#e2d766
```
#e2d766 rgb(226,215,102)
```
#e2e166
```
#e2e166 rgb(226,225,102)
```
#d8e266
```
#d8e266 rgb(216,226,102)
```
#cee266
```
#cee266 rgb(206,226,102)
```

Similar Colors

Text with hexadecimal color #e2d766

This text has a font color of #e2d766.

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

#e2d766 background color

This paragraph has a background color of #e2d766.

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

#e2d766 border color

This element has a border color of #e2d766.

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

CSS codes

.text {color:#e2d766;}

.background {background-color:#e2d766;}

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

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

#0c0b02
```
#0c0b02 rgb(12,11,2)
```
#1c1a05
```
#1c1a05 rgb(28,26,5)
```
#2d2a09
```
#2d2a09 rgb(45,42,9)
```
#3d390c
```
#3d390c rgb(61,57,12)
```
#4e480f
```
#4e480f rgb(78,72,15)
```
#5e5812
```
#5e5812 rgb(94,88,18)
```
#6f6715
```
#6f6715 rgb(111,103,21)
```
#7f7618
```
#7f7618 rgb(127,118,24)
```
#90851b
```
#90851b rgb(144,133,27)
```
#a0951e
```
#a0951e rgb(160,149,30)
```
#b1a422
```
#b1a422 rgb(177,164,34)
```
#c1b325
```
#c1b325 rgb(193,179,37)
```
#d2c328
```
#d2c328 rgb(210,195,40)
```

Shade Color Variation

#d9ca35
```
#d9ca35 rgb(217,202,53)
```
#dcce45
```
#dcce45 rgb(220,206,69)
```
#dfd356
```
#dfd356 rgb(223,211,86)
```
#e2d766
```
#e2d766 rgb(226,215,102)
```
#e5db76
```
#e5db76 rgb(229,219,118)
```
#e8e087
```
#e8e087 rgb(232,224,135)
```
#ebe497
```
#ebe497 rgb(235,228,151)
```
#efe8a8
```
#efe8a8 rgb(239,232,168)
```
#f2edb8
```
#f2edb8 rgb(242,237,184)
```
#f5f1c9
```
#f5f1c9 rgb(245,241,201)
```
#f8f5d9
```
#f8f5d9 rgb(248,245,217)
```
#fbf9ea
```
#fbf9ea rgb(251,249,234)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#aaa99e
```
#aaa99e rgb(170,169,158)
```
#b1af97
```
#b1af97 rgb(177,175,151)
```
#b8b490
```
#b8b490 rgb(184,180,144)
```
#bfba89
```
#bfba89 rgb(191,186,137)
```
#c6c082
```
#c6c082 rgb(198,192,130)
```
#cdc67b
```
#cdc67b rgb(205,198,123)
```
#d4cb74
```
#d4cb74 rgb(212,203,116)
```
#dbd16d
```
#dbd16d rgb(219,209,109)
```
#e2d766
```
#e2d766 rgb(226,215,102)
```
#e9dd5f
```
#e9dd5f rgb(233,221,95)
```
#f0e358
```
#f0e358 rgb(240,227,88)
```
#f7e851
```
#f7e851 rgb(247,232,81)
```
#feee4a
```
#feee4a rgb(254,238,74)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#d1cfb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd66d Protanopia 1% of men
#ffce87 Deuteranopia 1% of men
#efcddb Tritanopia 0.001% of the population

Trichromacy

#e8d66a Protanomaly 1% of men, 0.01% of women
#f4d17b Deuteranomaly 6% of men, 0.4% of women
#ead0b0 Tritanomaly 0.01% of the population

#e2d766 hex color

#e2d766 Color Information

#e2d766 Color Conversion

Color Schemes with #e2d766

Alternatives to #e2d766

#e2d766 Preview

Shades and Tints of #e2d766

Tones of #e2d766

Color Blindness Simulator