#e0a216 hex color

In a RGB color space, hex #e0a216 is composed of 87.8% red, 63.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.7% magenta, 90.2% yellow and 12.2% black. It has a hue angle of 41.6 degrees, a saturation of 82.1% and a lightness of 48.2%. #e0a216 color hex could be obtained by blending #ffff2c with #c14500. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 88
- G 64
- B 9
RGB color chart
- C 0
- M 28
- Y 90
- K 12
CMYK color chart

● #e0a216 color description : Vivid orange.

The hexadecimal color #e0a216 has RGB values of R:224, G:162, B:22 and CMYK values of C:0, M:0.28, Y:0.9, K:0.12. Its decimal value is 14721558.

Hex triplet	e0a216	`#e0a216`
RGB Decimal	224, 162, 22	`rgb(224,162,22)`
RGB Percent	87.8, 63.5, 8.6	`rgb(87.8%,63.5%,8.6%)`
CMYK	0, 28, 90, 12
HSL	41.6°, 82.1, 48.2	`hsl(41.6,82.1%,48.2%)`
HSV (or HSB)	41.6°, 90.2, 87.8
Web Safe	cc9900	`#cc9900`

CIE-LAB	70.697, 12.527, 71.272
XYZ	43.807, 41.749, 6.51
xyY	0.476, 0.453, 41.749
CIE-LCH	70.697, 72.365, 80.031
CIE-LUV	70.697, 51.717, 70.357
Hunter-Lab	64.613, 7.947, 39.255
Binary	11100000, 10100010, 00010110

#e0a216
```
#e0a216 rgb(224,162,22)
```
#1654e0
```
#1654e0 rgb(22,84,224)
```

Complementary Color

#e03d16
```
#e03d16 rgb(224,61,22)
```
#e0a216
```
#e0a216 rgb(224,162,22)
```
#b9e016
```
#b9e016 rgb(185,224,22)
```

Analogous Color

#3d16e0
```
#3d16e0 rgb(61,22,224)
```
#e0a216
```
#e0a216 rgb(224,162,22)
```
#16b9e0
```
#16b9e0 rgb(22,185,224)
```

Split Complementary Color

#a216e0
```
#a216e0 rgb(162,22,224)
```
#e0a216
```
#e0a216 rgb(224,162,22)
```
#16e0a2
```
#16e0a2 rgb(22,224,162)
```

Triadic Color

#e01654
```
#e01654 rgb(224,22,84)
```
#e0a216
```
#e0a216 rgb(224,162,22)
```
#16e0a2
```
#16e0a2 rgb(22,224,162)
```
#1654e0
```
#1654e0 rgb(22,84,224)
```

Tetradic Color

#9a700f
```
#9a700f rgb(154,112,15)
```
#b28011
```
#b28011 rgb(178,128,17)
```
#c99114
```
#c99114 rgb(201,145,20)
```
#e0a216
```
#e0a216 rgb(224,162,22)
```
#eaae26
```
#eaae26 rgb(234,174,38)
```
#ecb63d
```
#ecb63d rgb(236,182,61)
```
#eebf54
```
#eebf54 rgb(238,191,84)
```

Monochromatic Color

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

#e07016
```
#e07016 rgb(224,112,22)
```
#e08016
```
#e08016 rgb(224,128,22)
```
#e09116
```
#e09116 rgb(224,145,22)
```
#e0a216
```
#e0a216 rgb(224,162,22)
```
#e0b316
```
#e0b316 rgb(224,179,22)
```
#e0c416
```
#e0c416 rgb(224,196,22)
```
#e0d516
```
#e0d516 rgb(224,213,22)
```

Similar Colors

Text with hexadecimal color #e0a216

This text has a font color of #e0a216.

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

#e0a216 background color

This paragraph has a background color of #e0a216.

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

#e0a216 border color

This element has a border color of #e0a216.

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

CSS codes

.text {color:#e0a216;}

.background {background-color:#e0a216;}

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

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)
```
#1c1403
```
#1c1403 rgb(28,20,3)
```
#2d2104
```
#2d2104 rgb(45,33,4)
```
#3f2e06
```
#3f2e06 rgb(63,46,6)
```
#513b08
```
#513b08 rgb(81,59,8)
```
#63480a
```
#63480a rgb(99,72,10)
```
#75540b
```
#75540b rgb(117,84,11)
```
#87610d
```
#87610d rgb(135,97,13)
```
#996e0f
```
#996e0f rgb(153,110,15)
```
#aa7b11
```
#aa7b11 rgb(170,123,17)
```
#bc8812
```
#bc8812 rgb(188,136,18)
```
#ce9514
```
#ce9514 rgb(206,149,20)
```
#e0a216
```
#e0a216 rgb(224,162,22)
```

Shade Color Variation

#e9ac20
```
#e9ac20 rgb(233,172,32)
```
#ebb232
```
#ebb232 rgb(235,178,50)
```
#edb944
```
#edb944 rgb(237,185,68)
```
#eec056
```
#eec056 rgb(238,192,86)
```
#f0c668
```
#f0c668 rgb(240,198,104)
```
#f2cd7a
```
#f2cd7a rgb(242,205,122)
```
#f4d48c
```
#f4d48c rgb(244,212,140)
```
#f5da9d
```
#f5da9d rgb(245,218,157)
```
#f7e1af
```
#f7e1af rgb(247,225,175)
```
#f9e8c1
```
#f9e8c1 rgb(249,232,193)
```
#fbefd3
```
#fbefd3 rgb(251,239,211)
```
#fcf5e5
```
#fcf5e5 rgb(252,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, #817d75 is the less saturated color, while #f3a903 is the most saturated one.

#817d75
```
#817d75 rgb(129,125,117)
```
#8b816b
```
#8b816b rgb(139,129,107)
```
#948562
```
#948562 rgb(148,133,98)
```
#9e8858
```
#9e8858 rgb(158,136,88)
```
#a78c4f
```
#a78c4f rgb(167,140,79)
```
#b19045
```
#b19045 rgb(177,144,69)
```
#ba933c
```
#ba933c rgb(186,147,60)
```
#c49732
```
#c49732 rgb(196,151,50)
```
#cd9b29
```
#cd9b29 rgb(205,155,41)
```
#d79e1f
```
#d79e1f rgb(215,158,31)
```
#e0a216
```
#e0a216 rgb(224,162,22)
```
#e9a60d
```
#e9a60d rgb(233,166,13)
```
#f3a903
```
#f3a903 rgb(243,169,3)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#b1a488 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b125 Protanopia 1% of men
#dda820 Deuteranopia 1% of men
#e99ba6 Tritanopia 0.001% of the population

Trichromacy

#cfab1f Protanomaly 1% of men, 0.01% of women
#dea61c Deuteranomaly 6% of men, 0.4% of women
#e59e72 Tritanomaly 0.01% of the population

#e0a216 hex color

#e0a216 Color Information

#e0a216 Color Conversion

Color Schemes with #e0a216

Alternatives to #e0a216

#e0a216 Preview

Shades and Tints of #e0a216

Tones of #e0a216

Color Blindness Simulator