#e2d745 hex color

In a RGB color space, hex #e2d745 is composed of 88.6% red, 84.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.9% magenta, 69.5% yellow and 11.4% black. It has a hue angle of 55.8 degrees, a saturation of 73% and a lightness of 57.8%. #e2d745 color hex could be obtained by blending #ffff8a with #c5af00. Closest websafe color is: #cccc33.

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

● #e2d745 color description : Soft yellow.

The hexadecimal color #e2d745 has RGB values of R:226, G:215, B:69 and CMYK values of C:0, M:0.05, Y:0.69, K:0.11. Its decimal value is 14866245.

Hex triplet	e2d745	`#e2d745`
RGB Decimal	226, 215, 69	`rgb(226,215,69)`
RGB Percent	88.6, 84.3, 27.1	`rgb(88.6%,84.3%,27.1%)`
CMYK	0, 5, 69, 11
HSL	55.8°, 73, 57.8	`hsl(55.8,73%,57.8%)`
HSV (or HSB)	55.8°, 69.5, 88.6
Web Safe	cccc33	`#cccc33`

CIE-LAB	84.587, -12.563, 69.616
XYZ	56.739, 65.201, 15.226
xyY	0.414, 0.475, 65.201
CIE-LCH	84.587, 70.74, 100.23
CIE-LUV	84.587, 13.439, 82.239
Hunter-Lab	80.747, -15.88, 45.343
Binary	11100010, 11010111, 01000101

#e2d745
```
#e2d745 rgb(226,215,69)
```
#4550e2
```
#4550e2 rgb(69,80,226)
```

Complementary Color

#e28945
```
#e28945 rgb(226,137,69)
```
#e2d745
```
#e2d745 rgb(226,215,69)
```
#9fe245
```
#9fe245 rgb(159,226,69)
```

Analogous Color

#8945e2
```
#8945e2 rgb(137,69,226)
```
#e2d745
```
#e2d745 rgb(226,215,69)
```
#459fe2
```
#459fe2 rgb(69,159,226)
```

Split Complementary Color

#d745e2
```
#d745e2 rgb(215,69,226)
```
#e2d745
```
#e2d745 rgb(226,215,69)
```
#45e2d7
```
#45e2d7 rgb(69,226,215)
```

Triadic Color

#e24550
```
#e24550 rgb(226,69,80)
```
#e2d745
```
#e2d745 rgb(226,215,69)
```
#45e2d7
```
#45e2d7 rgb(69,226,215)
```
#4550e2
```
#4550e2 rgb(69,80,226)
```

Tetradic Color

#bdb21d
```
#bdb21d rgb(189,178,29)
```
#d3c721
```
#d3c721 rgb(211,199,33)
```
#dfd22f
```
#dfd22f rgb(223,210,47)
```
#e2d745
```
#e2d745 rgb(226,215,69)
```
#e5dc5b
```
#e5dc5b rgb(229,220,91)
```
#e9e071
```
#e9e071 rgb(233,224,113)
```
#ece587
```
#ece587 rgb(236,229,135)
```

Monochromatic Color

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

#e2b045
```
#e2b045 rgb(226,176,69)
```
#e2bd45
```
#e2bd45 rgb(226,189,69)
```
#e2ca45
```
#e2ca45 rgb(226,202,69)
```
#e2d745
```
#e2d745 rgb(226,215,69)
```
#e0e245
```
#e0e245 rgb(224,226,69)
```
#d3e245
```
#d3e245 rgb(211,226,69)
```
#c6e245
```
#c6e245 rgb(198,226,69)
```

Similar Colors

Text with hexadecimal color #e2d745

This text has a font color of #e2d745.

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

#e2d745 background color

This paragraph has a background color of #e2d745.

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

#e2d745 border color

This element has a border color of #e2d745.

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

CSS codes

.text {color:#e2d745;}

.background {background-color:#e2d745;}

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

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 #fcfbef is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#121103
```
#121103 rgb(18,17,3)
```
#232105
```
#232105 rgb(35,33,5)
```
#343108
```
#343108 rgb(52,49,8)
```
#45400b
```
#45400b rgb(69,64,11)
```
#56500d
```
#56500d rgb(86,80,13)
```
#666010
```
#666010 rgb(102,96,16)
```
#777013
```
#777013 rgb(119,112,19)
```
#888015
```
#888015 rgb(136,128,21)
```
#999018
```
#999018 rgb(153,144,24)
```
#aaa01b
```
#aaa01b rgb(170,160,27)
```
#bbb01d
```
#bbb01d rgb(187,176,29)
```
#ccc020
```
#ccc020 rgb(204,192,32)
```

Shade Color Variation

#ddd023
```
#ddd023 rgb(221,208,35)
```
#dfd334
```
#dfd334 rgb(223,211,52)
```
#e2d745
```
#e2d745 rgb(226,215,69)
```
#e5db56
```
#e5db56 rgb(229,219,86)
```
#e7de67
```
#e7de67 rgb(231,222,103)
```
#eae278
```
#eae278 rgb(234,226,120)
```
#ede689
```
#ede689 rgb(237,230,137)
```
#efe99a
```
#efe99a rgb(239,233,154)
```
#f2edab
```
#f2edab rgb(242,237,171)
```
#f5f1bc
```
#f5f1bc rgb(245,241,188)
```
#f7f4cd
```
#f7f4cd rgb(247,244,205)
```
#faf8de
```
#faf8de rgb(250,248,222)
```
#fcfbef
```
#fcfbef rgb(252,251,239)
```

Tint Color Variation

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

#98978f
```
#98978f rgb(152,151,143)
```
#a09e87
```
#a09e87 rgb(160,158,135)
```
#a8a57f
```
#a8a57f rgb(168,165,127)
```
#b0ac77
```
#b0ac77 rgb(176,172,119)
```
#b9b36e
```
#b9b36e rgb(185,179,110)
```
#c1bb66
```
#c1bb66 rgb(193,187,102)
```
#c9c25e
```
#c9c25e rgb(201,194,94)
```
#d1c956
```
#d1c956 rgb(209,201,86)
```
#dad04d
```
#dad04d rgb(218,208,77)
```
#e2d745
```
#e2d745 rgb(226,215,69)
```
#eade3d
```
#eade3d rgb(234,222,61)
```
#f3e534
```
#f3e534 rgb(243,229,52)
```
#fbec2c
```
#fbec2c rgb(251,236,44)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#cfcdaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd54d Protanopia 1% of men
#ffcd7e Deuteranopia 1% of men
#f0cbda Tritanopia 0.001% of the population

Trichromacy

#e9d64a Protanomaly 1% of men, 0.01% of women
#f4d069 Deuteranomaly 6% of men, 0.4% of women
#ebcfa3 Tritanomaly 0.01% of the population

#e2d745 hex color

#e2d745 Color Information

#e2d745 Color Conversion

Color Schemes with #e2d745

Alternatives to #e2d745

#e2d745 Preview

Shades and Tints of #e2d745

Tones of #e2d745

Color Blindness Simulator