#e0a318 hex color

In a RGB color space, hex #e0a318 is composed of 87.8% red, 63.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.2% magenta, 89.3% yellow and 12.2% black. It has a hue angle of 41.7 degrees, a saturation of 80.6% and a lightness of 48.6%. #e0a318 color hex could be obtained by blending #ffff30 with #c14700. Closest websafe color is: #cc9900.

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

● #e0a318 color description : Vivid orange.

The hexadecimal color #e0a318 has RGB values of R:224, G:163, B:24 and CMYK values of C:0, M:0.27, Y:0.89, K:0.12. Its decimal value is 14721816.

Hex triplet	e0a318	`#e0a318`
RGB Decimal	224, 163, 24	`rgb(224,163,24)`
RGB Percent	87.8, 63.9, 9.4	`rgb(87.8%,63.9%,9.4%)`
CMYK	0, 27, 89, 12
HSL	41.7°, 80.6, 48.6	`hsl(41.7,80.6%,48.6%)`
HSV (or HSB)	41.7°, 89.3, 87.8
Web Safe	cc9900	`#cc9900`

CIE-LAB	70.947, 12.029, 71.049
XYZ	44.004, 42.11, 6.675
xyY	0.474, 0.454, 42.11
CIE-LCH	70.947, 72.06, 80.391
CIE-LUV	70.947, 50.884, 70.503
Hunter-Lab	64.892, 7.479, 39.326
Binary	11100000, 10100011, 00011000

#e0a318
```
#e0a318 rgb(224,163,24)
```
#1855e0
```
#1855e0 rgb(24,85,224)
```

Complementary Color

#e03f18
```
#e03f18 rgb(224,63,24)
```
#e0a318
```
#e0a318 rgb(224,163,24)
```
#b9e018
```
#b9e018 rgb(185,224,24)
```

Analogous Color

#3f18e0
```
#3f18e0 rgb(63,24,224)
```
#e0a318
```
#e0a318 rgb(224,163,24)
```
#18b9e0
```
#18b9e0 rgb(24,185,224)
```

Split Complementary Color

#a318e0
```
#a318e0 rgb(163,24,224)
```
#e0a318
```
#e0a318 rgb(224,163,24)
```
#18e0a3
```
#18e0a3 rgb(24,224,163)
```

Triadic Color

#e01855
```
#e01855 rgb(224,24,85)
```
#e0a318
```
#e0a318 rgb(224,163,24)
```
#18e0a3
```
#18e0a3 rgb(24,224,163)
```
#1855e0
```
#1855e0 rgb(24,85,224)
```

Tetradic Color

#9b7111
```
#9b7111 rgb(155,113,17)
```
#b28113
```
#b28113 rgb(178,129,19)
```
#c99216
```
#c99216 rgb(201,146,22)
```
#e0a318
```
#e0a318 rgb(224,163,24)
```
#e8ae29
```
#e8ae29 rgb(232,174,41)
```
#ebb740
```
#ebb740 rgb(235,183,64)
```
#edbf57
```
#edbf57 rgb(237,191,87)
```

Monochromatic Color

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

#e07118
```
#e07118 rgb(224,113,24)
```
#e08218
```
#e08218 rgb(224,130,24)
```
#e09218
```
#e09218 rgb(224,146,24)
```
#e0a318
```
#e0a318 rgb(224,163,24)
```
#e0b418
```
#e0b418 rgb(224,180,24)
```
#e0c418
```
#e0c418 rgb(224,196,24)
```
#e0d518
```
#e0d518 rgb(224,213,24)
```

Similar Colors

Text with hexadecimal color #e0a318

This text has a font color of #e0a318.

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

#e0a318 background color

This paragraph has a background color of #e0a318.

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

#e0a318 border color

This element has a border color of #e0a318.

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

CSS codes

.text {color:#e0a318;}

.background {background-color:#e0a318;}

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

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

#0b0801
```
#0b0801 rgb(11,8,1)
```
#1d1503
```
#1d1503 rgb(29,21,3)
```
#2f2205
```
#2f2205 rgb(47,34,5)
```
#412f07
```
#412f07 rgb(65,47,7)
```
#523c09
```
#523c09 rgb(82,60,9)
```
#64490b
```
#64490b rgb(100,73,11)
```
#76560d
```
#76560d rgb(118,86,13)
```
#87630f
```
#87630f rgb(135,99,15)
```
#996f10
```
#996f10 rgb(153,111,16)
```
#ab7c12
```
#ab7c12 rgb(171,124,18)
```
#bd8914
```
#bd8914 rgb(189,137,20)
```
#ce9616
```
#ce9616 rgb(206,150,22)
```
#e0a318
```
#e0a318 rgb(224,163,24)
```

Shade Color Variation

#e8ac24
```
#e8ac24 rgb(232,172,36)
```
#e9b336
```
#e9b336 rgb(233,179,54)
```
#ebb948
```
#ebb948 rgb(235,185,72)
```
#edc059
```
#edc059 rgb(237,192,89)
```
#efc76b
```
#efc76b rgb(239,199,107)
```
#f1ce7d
```
#f1ce7d rgb(241,206,125)
```
#f3d48e
```
#f3d48e rgb(243,212,142)
```
#f5dba0
```
#f5dba0 rgb(245,219,160)
```
#f7e2b2
```
#f7e2b2 rgb(247,226,178)
```
#f9e8c4
```
#f9e8c4 rgb(249,232,196)
```
#fbefd5
```
#fbefd5 rgb(251,239,213)
```
#fcf6e7
```
#fcf6e7 rgb(252,246,231)
```
#fefdf9
```
#fefdf9 rgb(254,253,249)
```

Tint Color Variation

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

#817e77
```
#817e77 rgb(129,126,119)
```
#8a826e
```
#8a826e rgb(138,130,110)
```
#948564
```
#948564 rgb(148,133,100)
```
#9d895b
```
#9d895b rgb(157,137,91)
```
#a78d51
```
#a78d51 rgb(167,141,81)
```
#b09048
```
#b09048 rgb(176,144,72)
```
#ba943e
```
#ba943e rgb(186,148,62)
```
#c39835
```
#c39835 rgb(195,152,53)
```
#cd9c2b
```
#cd9c2b rgb(205,156,43)
```
#d69f22
```
#d69f22 rgb(214,159,34)
```
#e0a318
```
#e0a318 rgb(224,163,24)
```
#eaa70e
```
#eaa70e rgb(234,167,14)
```
#f3aa05
```
#f3aa05 rgb(243,170,5)
```

Tone Color Variation

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

Dichromacy

#c7b227 Protanopia 1% of men
#dea922 Deuteranopia 1% of men
#e99ca7 Tritanopia 0.001% of the population

Trichromacy

#d0ac21 Protanomaly 1% of men, 0.01% of women
#dea71e Deuteranomaly 6% of men, 0.4% of women
#e59f73 Tritanomaly 0.01% of the population

#e0a318 hex color

#e0a318 Color Information

#e0a318 Color Conversion

Color Schemes with #e0a318

Alternatives to #e0a318

#e0a318 Preview

Shades and Tints of #e0a318

Tones of #e0a318

Color Blindness Simulator