#e2a745 hex color

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

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

● #e2a745 color description : Soft orange.

The hexadecimal color #e2a745 has RGB values of R:226, G:167, B:69 and CMYK values of C:0, M:0.26, Y:0.69, K:0.11. Its decimal value is 14853957.

Hex triplet	e2a745	`#e2a745`
RGB Decimal	226, 167, 69	`rgb(226,167,69)`
RGB Percent	88.6, 65.5, 27.1	`rgb(88.6%,65.5%,27.1%)`
CMYK	0, 26, 69, 11
HSL	37.5°, 73, 57.8	`hsl(37.5,73%,57.8%)`
HSV (or HSB)	37.5°, 69.5, 88.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	72.388, 12.314, 57.221
XYZ	46.258, 44.238, 11.732
xyY	0.452, 0.433, 44.238
CIE-LCH	72.388, 58.531, 77.855
CIE-LUV	72.388, 47.535, 62.17
Hunter-Lab	66.512, 7.747, 36.1
Binary	11100010, 10100111, 01000101

#e2a745
```
#e2a745 rgb(226,167,69)
```
#4580e2
```
#4580e2 rgb(69,128,226)
```

Complementary Color

#e25945
```
#e25945 rgb(226,89,69)
```
#e2a745
```
#e2a745 rgb(226,167,69)
```
#cfe245
```
#cfe245 rgb(207,226,69)
```

Analogous Color

#5945e2
```
#5945e2 rgb(89,69,226)
```
#e2a745
```
#e2a745 rgb(226,167,69)
```
#45cfe2
```
#45cfe2 rgb(69,207,226)
```

Split Complementary Color

#a745e2
```
#a745e2 rgb(167,69,226)
```
#e2a745
```
#e2a745 rgb(226,167,69)
```
#45e2a7
```
#45e2a7 rgb(69,226,167)
```

Triadic Color

#e24580
```
#e24580 rgb(226,69,128)
```
#e2a745
```
#e2a745 rgb(226,167,69)
```
#45e2a7
```
#45e2a7 rgb(69,226,167)
```
#4580e2
```
#4580e2 rgb(69,128,226)
```

Tetradic Color

#bd811d
```
#bd811d rgb(189,129,29)
```
#d39021
```
#d39021 rgb(211,144,33)
```
#df9d2f
```
#df9d2f rgb(223,157,47)
```
#e2a745
```
#e2a745 rgb(226,167,69)
```
#e5b15b
```
#e5b15b rgb(229,177,91)
```
#e9bc71
```
#e9bc71 rgb(233,188,113)
```
#ecc687
```
#ecc687 rgb(236,198,135)
```

Monochromatic Color

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

#e28045
```
#e28045 rgb(226,128,69)
```
#e28d45
```
#e28d45 rgb(226,141,69)
```
#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)
```

Similar Colors

Text with hexadecimal color #e2a745

This text has a font color of #e2a745.

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

#e2a745 background color

This paragraph has a background color of #e2a745.

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

#e2a745 border color

This element has a border color of #e2a745.

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

CSS codes

.text {color:#e2a745;}

.background {background-color:#e2a745;}

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

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, #010000 is the darkest color, while #fcf7ef is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#120c03
```
#120c03 rgb(18,12,3)
```
#231805
```
#231805 rgb(35,24,5)
```
#342308
```
#342308 rgb(52,35,8)
```
#452f0b
```
#452f0b rgb(69,47,11)
```
#563a0d
```
#563a0d rgb(86,58,13)
```
#664610
```
#664610 rgb(102,70,16)
```
#775213
```
#775213 rgb(119,82,19)
```
#885d15
```
#885d15 rgb(136,93,21)
```
#996918
```
#996918 rgb(153,105,24)
```
#aa741b
```
#aa741b rgb(170,116,27)
```
#bb801d
```
#bb801d rgb(187,128,29)
```
#cc8b20
```
#cc8b20 rgb(204,139,32)
```

Shade Color Variation

#dd9723
```
#dd9723 rgb(221,151,35)
```
#df9f34
```
#df9f34 rgb(223,159,52)
```
#e2a745
```
#e2a745 rgb(226,167,69)
```
#e5af56
```
#e5af56 rgb(229,175,86)
```
#e7b767
```
#e7b767 rgb(231,183,103)
```
#eabf78
```
#eabf78 rgb(234,191,120)
```
#edc789
```
#edc789 rgb(237,199,137)
```
#efcf9a
```
#efcf9a rgb(239,207,154)
```
#f2d7ab
```
#f2d7ab rgb(242,215,171)
```
#f5dfbc
```
#f5dfbc rgb(245,223,188)
```
#f7e7cd
```
#f7e7cd rgb(247,231,205)
```
#faefde
```
#faefde rgb(250,239,222)
```
#fcf7ef
```
#fcf7ef rgb(252,247,239)
```

Tint Color Variation

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

#98958f
```
#98958f rgb(152,149,143)
```
#a09787
```
#a09787 rgb(160,151,135)
```
#a8997f
```
#a8997f rgb(168,153,127)
```
#b09b77
```
#b09b77 rgb(176,155,119)
```
#b99d6e
```
#b99d6e rgb(185,157,110)
```
#c19f66
```
#c19f66 rgb(193,159,102)
```
#c9a15e
```
#c9a15e rgb(201,161,94)
```
#d1a356
```
#d1a356 rgb(209,163,86)
```
#daa54d
```
#daa54d rgb(218,165,77)
```
#e2a745
```
#e2a745 rgb(226,167,69)
```
#eaa93d
```
#eaa93d rgb(234,169,61)
```
#f3ab34
```
#f3ab34 rgb(243,171,52)
```
#fbad2c
```
#fbad2c rgb(251,173,44)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#b8ac98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b551 Protanopia 1% of men
#dfad4e Deuteranopia 1% of men
#eaa1ac Tritanopia 0.001% of the population

Trichromacy

#d2b04d Protanomaly 1% of men, 0.01% of women
#e0aa4a Deuteranomaly 6% of men, 0.4% of women
#e7a387 Tritanomaly 0.01% of the population

#e2a745 hex color

#e2a745 Color Information

#e2a745 Color Conversion

Color Schemes with #e2a745

Alternatives to #e2a745

#e2a745 Preview

Shades and Tints of #e2a745

Tones of #e2a745

Color Blindness Simulator