#e2a414 hex color

In a RGB color space, hex #e2a414 is composed of 88.6% red, 64.3% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 91.2% yellow and 11.4% black. It has a hue angle of 41.9 degrees, a saturation of 83.7% and a lightness of 48.2%. #e2a414 color hex could be obtained by blending #ffff28 with #c54900. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 89
- G 64
- B 8
RGB color chart
- C 0
- M 27
- Y 91
- K 11
CMYK color chart

● #e2a414 color description : Vivid orange.

The hexadecimal color #e2a414 has RGB values of R:226, G:164, B:20 and CMYK values of C:0, M:0.27, Y:0.91, K:0.11. Its decimal value is 14853140.

Hex triplet	e2a414	`#e2a414`
RGB Decimal	226, 164, 20	`rgb(226,164,20)`
RGB Percent	88.6, 64.3, 7.8	`rgb(88.6%,64.3%,7.8%)`
CMYK	0, 27, 91, 11
HSL	41.9°, 83.7, 48.2	`hsl(41.9,83.7%,48.2%)`
HSV (or HSB)	41.9°, 91.2, 88.6
Web Safe	cc9900	`#cc9900`

CIE-LAB	71.401, 12.297, 72.285
XYZ	44.767, 42.773, 6.56
xyY	0.476, 0.455, 42.773
CIE-LCH	71.401, 73.324, 80.345
CIE-LUV	71.401, 51.777, 71.375
Hunter-Lab	65.401, 7.731, 39.834
Binary	11100010, 10100100, 00010100

#e2a414
```
#e2a414 rgb(226,164,20)
```
#1452e2
```
#1452e2 rgb(20,82,226)
```

Complementary Color

#e23d14
```
#e23d14 rgb(226,61,20)
```
#e2a414
```
#e2a414 rgb(226,164,20)
```
#b9e214
```
#b9e214 rgb(185,226,20)
```

Analogous Color

#3d14e2
```
#3d14e2 rgb(61,20,226)
```
#e2a414
```
#e2a414 rgb(226,164,20)
```
#14b9e2
```
#14b9e2 rgb(20,185,226)
```

Split Complementary Color

#a414e2
```
#a414e2 rgb(164,20,226)
```
#e2a414
```
#e2a414 rgb(226,164,20)
```
#14e2a4
```
#14e2a4 rgb(20,226,164)
```

Triadic Color

#e21452
```
#e21452 rgb(226,20,82)
```
#e2a414
```
#e2a414 rgb(226,164,20)
```
#14e2a4
```
#14e2a4 rgb(20,226,164)
```
#1452e2
```
#1452e2 rgb(20,82,226)
```

Tetradic Color

#9c710e
```
#9c710e rgb(156,113,14)
```
#b38210
```
#b38210 rgb(179,130,16)
```
#cb9312
```
#cb9312 rgb(203,147,18)
```
#e2a414
```
#e2a414 rgb(226,164,20)
```
#ecb024
```
#ecb024 rgb(236,176,36)
```
#eeb83b
```
#eeb83b rgb(238,184,59)
```
#f0c153
```
#f0c153 rgb(240,193,83)
```

Monochromatic Color

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

#e27114
```
#e27114 rgb(226,113,20)
```
#e28214
```
#e28214 rgb(226,130,20)
```
#e29314
```
#e29314 rgb(226,147,20)
```
#e2a414
```
#e2a414 rgb(226,164,20)
```
#e2b514
```
#e2b514 rgb(226,181,20)
```
#e2c614
```
#e2c614 rgb(226,198,20)
```
#e2d814
```
#e2d814 rgb(226,216,20)
```

Similar Colors

Text with hexadecimal color #e2a414

This text has a font color of #e2a414.

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

#e2a414 background color

This paragraph has a background color of #e2a414.

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

#e2a414 border color

This element has a border color of #e2a414.

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

CSS codes

.text {color:#e2a414;}

.background {background-color:#e2a414;}

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

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

#0a0701
```
#0a0701 rgb(10,7,1)
```
#1c1402
```
#1c1402 rgb(28,20,2)
```
#2e2104
```
#2e2104 rgb(46,33,4)
```
#402e06
```
#402e06 rgb(64,46,6)
```
#523b07
```
#523b07 rgb(82,59,7)
```
#644809
```
#644809 rgb(100,72,9)
```
#76560a
```
#76560a rgb(118,86,10)
```
#88630c
```
#88630c rgb(136,99,12)
```
#9a700e
```
#9a700e rgb(154,112,14)
```
#ac7d0f
```
#ac7d0f rgb(172,125,15)
```
#be8a11
```
#be8a11 rgb(190,138,17)
```
#d09712
```
#d09712 rgb(208,151,18)
```
#e2a414
```
#e2a414 rgb(226,164,20)
```

Shade Color Variation

#ebae1e
```
#ebae1e rgb(235,174,30)
```
#edb431
```
#edb431 rgb(237,180,49)
```
#eebb43
```
#eebb43 rgb(238,187,67)
```
#f0c155
```
#f0c155 rgb(240,193,85)
```
#f2c867
```
#f2c867 rgb(242,200,103)
```
#f3ce79
```
#f3ce79 rgb(243,206,121)
```
#f5d58b
```
#f5d58b rgb(245,213,139)
```
#f6db9d
```
#f6db9d rgb(246,219,157)
```
#f8e2af
```
#f8e2af rgb(248,226,175)
```
#f9e8c1
```
#f9e8c1 rgb(249,232,193)
```
#fbefd3
```
#fbefd3 rgb(251,239,211)
```
#fdf5e5
```
#fdf5e5 rgb(253,245,229)
```
#fefcf7
```
#fefcf7 rgb(254,252,247)
```

Tint Color Variation

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

#837e73
```
#837e73 rgb(131,126,115)
```
#8d8269
```
#8d8269 rgb(141,130,105)
```
#968660
```
#968660 rgb(150,134,96)
```
#a08a56
```
#a08a56 rgb(160,138,86)
```
#a98d4d
```
#a98d4d rgb(169,141,77)
```
#b39143
```
#b39143 rgb(179,145,67)
```
#bc953a
```
#bc953a rgb(188,149,58)
```
#c69930
```
#c69930 rgb(198,153,48)
```
#cf9c27
```
#cf9c27 rgb(207,156,39)
```
#d9a01d
```
#d9a01d rgb(217,160,29)
```
#e2a414
```
#e2a414 rgb(226,164,20)
```
#eba80b
```
#eba80b rgb(235,168,11)
```
#f5ac01
```
#f5ac01 rgb(245,172,1)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#b2a689 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8b323 Protanopia 1% of men
#dfaa1e Deuteranopia 1% of men
#eb9da8 Tritanopia 0.001% of the population

Trichromacy

#d1ad1d Protanomaly 1% of men, 0.01% of women
#e0a81a Deuteranomaly 6% of men, 0.4% of women
#e7a072 Tritanomaly 0.01% of the population

#e2a414 hex color

#e2a414 Color Information

#e2a414 Color Conversion

Color Schemes with #e2a414

Alternatives to #e2a414

#e2a414 Preview

Shades and Tints of #e2a414

Tones of #e2a414

Color Blindness Simulator