#e0a31e hex color

In a RGB color space, hex #e0a31e is composed of 87.8% red, 63.9% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.2% magenta, 86.6% yellow and 12.2% black. It has a hue angle of 41.1 degrees, a saturation of 76.4% and a lightness of 49.8%. #e0a31e color hex could be obtained by blending #ffff3c with #c14700. Closest websafe color is: #cc9933.

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

● #e0a31e color description : Vivid orange.

The hexadecimal color #e0a31e has RGB values of R:224, G:163, B:30 and CMYK values of C:0, M:0.27, Y:0.87, K:0.12. Its decimal value is 14721822.

Hex triplet	e0a31e	`#e0a31e`
RGB Decimal	224, 163, 30	`rgb(224,163,30)`
RGB Percent	87.8, 63.9, 11.8	`rgb(87.8%,63.9%,11.8%)`
CMYK	0, 27, 87, 12
HSL	41.1°, 76.4, 49.8	`hsl(41.1,76.4%,49.8%)`
HSV (or HSB)	41.1°, 86.6, 87.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.966, 12.15, 69.667
XYZ	44.073, 42.138, 7.04
xyY	0.473, 0.452, 42.138
CIE-LCH	70.966, 70.718, 80.107
CIE-LUV	70.966, 50.735, 69.712
Hunter-Lab	64.914, 7.593, 39.009
Binary	11100000, 10100011, 00011110

#e0a31e
```
#e0a31e rgb(224,163,30)
```
#1e5be0
```
#1e5be0 rgb(30,91,224)
```

Complementary Color

#e0421e
```
#e0421e rgb(224,66,30)
```
#e0a31e
```
#e0a31e rgb(224,163,30)
```
#bce01e
```
#bce01e rgb(188,224,30)
```

Analogous Color

#421ee0
```
#421ee0 rgb(66,30,224)
```
#e0a31e
```
#e0a31e rgb(224,163,30)
```
#1ebce0
```
#1ebce0 rgb(30,188,224)
```

Split Complementary Color

#a31ee0
```
#a31ee0 rgb(163,30,224)
```
#e0a31e
```
#e0a31e rgb(224,163,30)
```
#1ee0a3
```
#1ee0a3 rgb(30,224,163)
```

Triadic Color

#e01e5b
```
#e01e5b rgb(224,30,91)
```
#e0a31e
```
#e0a31e rgb(224,163,30)
```
#1ee0a3
```
#1ee0a3 rgb(30,224,163)
```
#1e5be0
```
#1e5be0 rgb(30,91,224)
```

Tetradic Color

#9d7215
```
#9d7215 rgb(157,114,21)
```
#b38218
```
#b38218 rgb(179,130,24)
```
#ca931b
```
#ca931b rgb(202,147,27)
```
#e0a31e
```
#e0a31e rgb(224,163,30)
```
#e4ac34
```
#e4ac34 rgb(228,172,52)
```
#e7b64a
```
#e7b64a rgb(231,182,74)
```
#eabf61
```
#eabf61 rgb(234,191,97)
```

Monochromatic Color

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

#e0731e
```
#e0731e rgb(224,115,30)
```
#e0831e
```
#e0831e rgb(224,131,30)
```
#e0931e
```
#e0931e rgb(224,147,30)
```
#e0a31e
```
#e0a31e rgb(224,163,30)
```
#e0b31e
```
#e0b31e rgb(224,179,30)
```
#e0c31e
```
#e0c31e rgb(224,195,30)
```
#e0d41e
```
#e0d41e rgb(224,212,30)
```

Similar Colors

Text with hexadecimal color #e0a31e

This text has a font color of #e0a31e.

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

#e0a31e background color

This paragraph has a background color of #e0a31e.

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

#e0a31e border color

This element has a border color of #e0a31e.

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

CSS codes

.text {color:#e0a31e;}

.background {background-color:#e0a31e;}

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

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, #100c02 is the darkest color, while #fffffe is the lightest one.

#100c02
```
#100c02 rgb(16,12,2)
```
#221905
```
#221905 rgb(34,25,5)
```
#332507
```
#332507 rgb(51,37,7)
```
#443209
```
#443209 rgb(68,50,9)
```
#563e0b
```
#563e0b rgb(86,62,11)
```
#674b0e
```
#674b0e rgb(103,75,14)
```
#785710
```
#785710 rgb(120,87,16)
```
#8a6412
```
#8a6412 rgb(138,100,18)
```
#9b7115
```
#9b7115 rgb(155,113,21)
```
#ac7d17
```
#ac7d17 rgb(172,125,23)
```
#bd8a19
```
#bd8a19 rgb(189,138,25)
```
#cf961c
```
#cf961c rgb(207,150,28)
```
#e0a31e
```
#e0a31e rgb(224,163,30)
```

Shade Color Variation

#e3aa2f
```
#e3aa2f rgb(227,170,47)
```
#e5b140
```
#e5b140 rgb(229,177,64)
```
#e8b851
```
#e8b851 rgb(232,184,81)
```
#eabf62
```
#eabf62 rgb(234,191,98)
```
#ecc674
```
#ecc674 rgb(236,198,116)
```
#efcd85
```
#efcd85 rgb(239,205,133)
```
#f1d496
```
#f1d496 rgb(241,212,150)
```
#f3dca8
```
#f3dca8 rgb(243,220,168)
```
#f6e3b9
```
#f6e3b9 rgb(246,227,185)
```
#f8eaca
```
#f8eaca rgb(248,234,202)
```
#faf1dc
```
#faf1dc rgb(250,241,220)
```
#fdf8ed
```
#fdf8ed rgb(253,248,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#888276
```
#888276 rgb(136,130,118)
```
#92866c
```
#92866c rgb(146,134,108)
```
#9c8a62
```
#9c8a62 rgb(156,138,98)
```
#a58d59
```
#a58d59 rgb(165,141,89)
```
#af914f
```
#af914f rgb(175,145,79)
```
#b99445
```
#b99445 rgb(185,148,69)
```
#c3983b
```
#c3983b rgb(195,152,59)
```
#cc9c32
```
#cc9c32 rgb(204,156,50)
```
#d69f28
```
#d69f28 rgb(214,159,40)
```
#e0a31e
```
#e0a31e rgb(224,163,30)
```
#eaa714
```
#eaa714 rgb(234,167,20)
```
#f4aa0a
```
#f4aa0a rgb(244,170,10)
```
#fdae01
```
#fdae01 rgb(253,174,1)
```

Tone Color Variation

Below, you can see how #e0a31e 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
#b2a58b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b22c Protanopia 1% of men
#dea928 Deuteranopia 1% of men
#e99ca7 Tritanopia 0.001% of the population

Trichromacy

#d0ac27 Protanomaly 1% of men, 0.01% of women
#dea724 Deuteranomaly 6% of men, 0.4% of women
#e59f75 Tritanomaly 0.01% of the population

#e0a31e hex color

#e0a31e Color Information

#e0a31e Color Conversion

Color Schemes with #e0a31e

Alternatives to #e0a31e

#e0a31e Preview

Shades and Tints of #e0a31e

Tones of #e0a31e

Color Blindness Simulator