#e2c145 hex color

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

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

● #e2c145 color description : Soft yellow.

The hexadecimal color #e2c145 has RGB values of R:226, G:193, B:69 and CMYK values of C:0, M:0.15, Y:0.69, K:0.11. Its decimal value is 14860613.

Hex triplet	e2c145	`#e2c145`
RGB Decimal	226, 193, 69	`rgb(226,193,69)`
RGB Percent	88.6, 75.7, 27.1	`rgb(88.6%,75.7%,27.1%)`
CMYK	0, 15, 69, 11
HSL	47.4°, 73, 57.8	`hsl(47.4,73%,57.8%)`
HSV (or HSB)	47.4°, 69.5, 88.6
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.891, -1.368, 63.919
XYZ	51.509, 54.74, 13.483
xyY	0.43, 0.457, 54.74
CIE-LCH	78.891, 63.934, 91.226
CIE-LUV	78.891, 28.524, 73.059
Hunter-Lab	73.987, -5.207, 40.986
Binary	11100010, 11000001, 01000101

#e2c145
```
#e2c145 rgb(226,193,69)
```
#4566e2
```
#4566e2 rgb(69,102,226)
```

Complementary Color

#e27345
```
#e27345 rgb(226,115,69)
```
#e2c145
```
#e2c145 rgb(226,193,69)
```
#b5e245
```
#b5e245 rgb(181,226,69)
```

Analogous Color

#7345e2
```
#7345e2 rgb(115,69,226)
```
#e2c145
```
#e2c145 rgb(226,193,69)
```
#45b5e2
```
#45b5e2 rgb(69,181,226)
```

Split Complementary Color

#c145e2
```
#c145e2 rgb(193,69,226)
```
#e2c145
```
#e2c145 rgb(226,193,69)
```
#45e2c1
```
#45e2c1 rgb(69,226,193)
```

Triadic Color

#e24566
```
#e24566 rgb(226,69,102)
```
#e2c145
```
#e2c145 rgb(226,193,69)
```
#45e2c1
```
#45e2c1 rgb(69,226,193)
```
#4566e2
```
#4566e2 rgb(69,102,226)
```

Tetradic Color

#bd9b1d
```
#bd9b1d rgb(189,155,29)
```
#d3ae21
```
#d3ae21 rgb(211,174,33)
```
#dfba2f
```
#dfba2f rgb(223,186,47)
```
#e2c145
```
#e2c145 rgb(226,193,69)
```
#e5c85b
```
#e5c85b rgb(229,200,91)
```
#e9d071
```
#e9d071 rgb(233,208,113)
```
#ecd787
```
#ecd787 rgb(236,215,135)
```

Monochromatic Color

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

#e29a45
```
#e29a45 rgb(226,154,69)
```
#e2a745
```
#e2a745 rgb(226,167,69)
```
#e2b445
```
#e2b445 rgb(226,180,69)
```
#e2c145
```
#e2c145 rgb(226,193,69)
```
#e2ce45
```
#e2ce45 rgb(226,206,69)
```
#e2db45
```
#e2db45 rgb(226,219,69)
```
#dce245
```
#dce245 rgb(220,226,69)
```

Similar Colors

Text with hexadecimal color #e2c145

This text has a font color of #e2c145.

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

#e2c145 background color

This paragraph has a background color of #e2c145.

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

#e2c145 border color

This element has a border color of #e2c145.

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

CSS codes

.text {color:#e2c145;}

.background {background-color:#e2c145;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120f03
```
#120f03 rgb(18,15,3)
```
#231c05
```
#231c05 rgb(35,28,5)
```
#342a08
```
#342a08 rgb(52,42,8)
```
#45380b
```
#45380b rgb(69,56,11)
```
#56460d
```
#56460d rgb(86,70,13)
```
#665410
```
#665410 rgb(102,84,16)
```
#776213
```
#776213 rgb(119,98,19)
```
#887015
```
#887015 rgb(136,112,21)
```
#997e18
```
#997e18 rgb(153,126,24)
```
#aa8c1b
```
#aa8c1b rgb(170,140,27)
```
#bb9a1d
```
#bb9a1d rgb(187,154,29)
```
#cca820
```
#cca820 rgb(204,168,32)
```

Shade Color Variation

#ddb623
```
#ddb623 rgb(221,182,35)
```
#dfbb34
```
#dfbb34 rgb(223,187,52)
```
#e2c145
```
#e2c145 rgb(226,193,69)
```
#e5c756
```
#e5c756 rgb(229,199,86)
```
#e7cc67
```
#e7cc67 rgb(231,204,103)
```
#ead278
```
#ead278 rgb(234,210,120)
```
#edd889
```
#edd889 rgb(237,216,137)
```
#efdd9a
```
#efdd9a rgb(239,221,154)
```
#f2e3ab
```
#f2e3ab rgb(242,227,171)
```
#f5e9bc
```
#f5e9bc rgb(245,233,188)
```
#f7eecd
```
#f7eecd rgb(247,238,205)
```
#faf4de
```
#faf4de rgb(250,244,222)
```
#fcfaef
```
#fcfaef rgb(252,250,239)
```

Tint Color Variation

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

#98968f
```
#98968f rgb(152,150,143)
```
#a09b87
```
#a09b87 rgb(160,155,135)
```
#a89f7f
```
#a89f7f rgb(168,159,127)
```
#b0a477
```
#b0a477 rgb(176,164,119)
```
#b9a96e
```
#b9a96e rgb(185,169,110)
```
#c1ae66
```
#c1ae66 rgb(193,174,102)
```
#c9b35e
```
#c9b35e rgb(201,179,94)
```
#d1b756
```
#d1b756 rgb(209,183,86)
```
#dabc4d
```
#dabc4d rgb(218,188,77)
```
#e2c145
```
#e2c145 rgb(226,193,69)
```
#eac63d
```
#eac63d rgb(234,198,61)
```
#f3cb34
```
#f3cb34 rgb(243,203,52)
```
#fbcf2c
```
#fbcf2c rgb(251,207,44)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c4bea5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc64f Protanopia 1% of men
#f4bd51 Deuteranopia 1% of men
#edb8c5 Tritanopia 0.001% of the population

Trichromacy

#dec44b Protanomaly 1% of men, 0.01% of women
#eebe4c Deuteranomaly 6% of men, 0.4% of women
#e9bb96 Tritanomaly 0.01% of the population

#e2c145 hex color

#e2c145 Color Information

#e2c145 Color Conversion

Color Schemes with #e2c145

Alternatives to #e2c145

#e2c145 Preview

Shades and Tints of #e2c145

Tones of #e2c145

Color Blindness Simulator