#e2a242 hex color

In a RGB color space, hex #e2a242 is composed of 88.6% red, 63.5% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.3% magenta, 70.8% yellow and 11.4% black. It has a hue angle of 36 degrees, a saturation of 73.4% and a lightness of 57.3%. #e2a242 color hex could be obtained by blending #ffff84 with #c54500. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 89
- G 64
- B 26
RGB color chart
- C 0
- M 28
- Y 71
- K 11
CMYK color chart

● #e2a242 color description : Bright orange.

The hexadecimal color #e2a242 has RGB values of R:226, G:162, B:66 and CMYK values of C:0, M:0.28, Y:0.71, K:0.11. Its decimal value is 14852674.

Hex triplet	e2a242	`#e2a242`
RGB Decimal	226, 162, 66	`rgb(226,162,66)`
RGB Percent	88.6, 63.5, 25.9	`rgb(88.6%,63.5%,25.9%)`
CMYK	0, 28, 71, 11
HSL	36°, 73.4, 57.3	`hsl(36,73.4%,57.3%)`
HSV (or HSB)	36°, 70.8, 88.6
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.15, 14.827, 57.237
XYZ	45.269, 42.405, 10.955
xyY	0.459, 0.43, 42.405
CIE-LCH	71.15, 59.127, 75.477
CIE-LUV	71.15, 51.51, 61.07
Hunter-Lab	65.119, 10.127, 35.609
Binary	11100010, 10100010, 01000010

#e2a242
```
#e2a242 rgb(226,162,66)
```
#4282e2
```
#4282e2 rgb(66,130,226)
```

Complementary Color

#e25242
```
#e25242 rgb(226,82,66)
```
#e2a242
```
#e2a242 rgb(226,162,66)
```
#d2e242
```
#d2e242 rgb(210,226,66)
```

Analogous Color

#5242e2
```
#5242e2 rgb(82,66,226)
```
#e2a242
```
#e2a242 rgb(226,162,66)
```
#42d2e2
```
#42d2e2 rgb(66,210,226)
```

Split Complementary Color

#a242e2
```
#a242e2 rgb(162,66,226)
```
#e2a242
```
#e2a242 rgb(226,162,66)
```
#42e2a2
```
#42e2a2 rgb(66,226,162)
```

Triadic Color

#e24282
```
#e24282 rgb(226,66,130)
```
#e2a242
```
#e2a242 rgb(226,162,66)
```
#42e2a2
```
#42e2a2 rgb(66,226,162)
```
#4282e2
```
#4282e2 rgb(66,130,226)
```

Tetradic Color

#bb7c1d
```
#bb7c1d rgb(187,124,29)
```
#d18a20
```
#d18a20 rgb(209,138,32)
```
#df972c
```
#df972c rgb(223,151,44)
```
#e2a242
```
#e2a242 rgb(226,162,66)
```
#e5ad58
```
#e5ad58 rgb(229,173,88)
```
#e9b86e
```
#e9b86e rgb(233,184,110)
```
#ecc384
```
#ecc384 rgb(236,195,132)
```

Monochromatic Color

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

#e27a42
```
#e27a42 rgb(226,122,66)
```
#e28742
```
#e28742 rgb(226,135,66)
```
#e29542
```
#e29542 rgb(226,149,66)
```
#e2a242
```
#e2a242 rgb(226,162,66)
```
#e2af42
```
#e2af42 rgb(226,175,66)
```
#e2bd42
```
#e2bd42 rgb(226,189,66)
```
#e2ca42
```
#e2ca42 rgb(226,202,66)
```

Similar Colors

Text with hexadecimal color #e2a242

This text has a font color of #e2a242.

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

#e2a242 background color

This paragraph has a background color of #e2a242.

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

#e2a242 border color

This element has a border color of #e2a242.

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

CSS codes

.text {color:#e2a242;}

.background {background-color:#e2a242;}

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

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

#0f0a02
```
#0f0a02 rgb(15,10,2)
```
#201505
```
#201505 rgb(32,21,5)
```
#312008
```
#312008 rgb(49,32,8)
```
#422c0a
```
#422c0a rgb(66,44,10)
```
#53370d
```
#53370d rgb(83,55,13)
```
#64420f
```
#64420f rgb(100,66,15)
```
#754d12
```
#754d12 rgb(117,77,18)
```
#865915
```
#865915 rgb(134,89,21)
```
#976417
```
#976417 rgb(151,100,23)
```
#a86f1a
```
#a86f1a rgb(168,111,26)
```
#b97a1c
```
#b97a1c rgb(185,122,28)
```
#ca861f
```
#ca861f rgb(202,134,31)
```
#db9122
```
#db9122 rgb(219,145,34)
```

Shade Color Variation

#df9a31
```
#df9a31 rgb(223,154,49)
```
#e2a242
```
#e2a242 rgb(226,162,66)
```
#e5aa53
```
#e5aa53 rgb(229,170,83)
```
#e7b364
```
#e7b364 rgb(231,179,100)
```
#eabb75
```
#eabb75 rgb(234,187,117)
```
#ecc386
```
#ecc386 rgb(236,195,134)
```
#efcc97
```
#efcc97 rgb(239,204,151)
```
#f2d4a8
```
#f2d4a8 rgb(242,212,168)
```
#f4ddb9
```
#f4ddb9 rgb(244,221,185)
```
#f7e5ca
```
#f7e5ca rgb(247,229,202)
```
#f9eddb
```
#f9eddb rgb(249,237,219)
```
#fcf6ec
```
#fcf6ec rgb(252,246,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#97938d
```
#97938d rgb(151,147,141)
```
#9f9585
```
#9f9585 rgb(159,149,133)
```
#a7967d
```
#a7967d rgb(167,150,125)
```
#b09874
```
#b09874 rgb(176,152,116)
```
#b89a6c
```
#b89a6c rgb(184,154,108)
```
#c09b64
```
#c09b64 rgb(192,155,100)
```
#c99d5b
```
#c99d5b rgb(201,157,91)
```
#d19f53
```
#d19f53 rgb(209,159,83)
```
#daa04a
```
#daa04a rgb(218,160,74)
```
#e2a242
```
#e2a242 rgb(226,162,66)
```
#eaa43a
```
#eaa43a rgb(234,164,58)
```
#f3a531
```
#f3a531 rgb(243,165,49)
```
#fba729
```
#fba729 rgb(251,167,41)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#b5a895 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b24f Protanopia 1% of men
#dcaa4a Deuteranopia 1% of men
#ea9da7 Tritanopia 0.001% of the population

Trichromacy

#cfac4a Protanomaly 1% of men, 0.01% of women
#dea747 Deuteranomaly 6% of men, 0.4% of women
#e79e82 Tritanomaly 0.01% of the population

#e2a242 hex color

#e2a242 Color Information

#e2a242 Color Conversion

Color Schemes with #e2a242

Alternatives to #e2a242

#e2a242 Preview

Shades and Tints of #e2a242

Tones of #e2a242

Color Blindness Simulator