#e1a316 hex color

In a RGB color space, hex #e1a316 is composed of 88.2% red, 63.9% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.6% magenta, 90.2% yellow and 11.8% black. It has a hue angle of 41.7 degrees, a saturation of 82.2% and a lightness of 48.4%. #e1a316 color hex could be obtained by blending #ffff2c with #c34700. 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

● #e1a316 color description : Vivid orange.

The hexadecimal color #e1a316 has RGB values of R:225, G:163, B:22 and CMYK values of C:0, M:0.28, Y:0.9, K:0.12. Its decimal value is 14787350.

Hex triplet	e1a316	`#e1a316`
RGB Decimal	225, 163, 22	`rgb(225,163,22)`
RGB Percent	88.2, 63.9, 8.6	`rgb(88.2%,63.9%,8.6%)`
CMYK	0, 28, 90, 12
HSL	41.7°, 82.2, 48.4	`hsl(41.7,82.2%,48.4%)`
HSV (or HSB)	41.7°, 90.2, 88.2
Web Safe	cc9900	`#cc9900`

CIE-LAB	71.052, 12.428, 71.59
XYZ	44.294, 42.263, 6.584
xyY	0.476, 0.454, 42.263
CIE-LCH	71.052, 72.66, 80.152
CIE-LUV	71.052, 51.727, 70.762
Hunter-Lab	65.01, 7.854, 39.502
Binary	11100001, 10100011, 00010110

#e1a316
```
#e1a316 rgb(225,163,22)
```
#1654e1
```
#1654e1 rgb(22,84,225)
```

Complementary Color

#e13e16
```
#e13e16 rgb(225,62,22)
```
#e1a316
```
#e1a316 rgb(225,163,22)
```
#bae116
```
#bae116 rgb(186,225,22)
```

Analogous Color

#3e16e1
```
#3e16e1 rgb(62,22,225)
```
#e1a316
```
#e1a316 rgb(225,163,22)
```
#16bae1
```
#16bae1 rgb(22,186,225)
```

Split Complementary Color

#a316e1
```
#a316e1 rgb(163,22,225)
```
#e1a316
```
#e1a316 rgb(225,163,22)
```
#16e1a3
```
#16e1a3 rgb(22,225,163)
```

Triadic Color

#e11654
```
#e11654 rgb(225,22,84)
```
#e1a316
```
#e1a316 rgb(225,163,22)
```
#16e1a3
```
#16e1a3 rgb(22,225,163)
```
#1654e1
```
#1654e1 rgb(22,84,225)
```

Tetradic Color

#9b710f
```
#9b710f rgb(155,113,15)
```
#b38111
```
#b38111 rgb(179,129,17)
```
#ca9214
```
#ca9214 rgb(202,146,20)
```
#e1a316
```
#e1a316 rgb(225,163,22)
```
#eaae27
```
#eaae27 rgb(234,174,39)
```
#ecb73e
```
#ecb73e rgb(236,183,62)
```
#eec055
```
#eec055 rgb(238,192,85)
```

Monochromatic Color

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

#e17016
```
#e17016 rgb(225,112,22)
```
#e18116
```
#e18116 rgb(225,129,22)
```
#e19216
```
#e19216 rgb(225,146,22)
```
#e1a316
```
#e1a316 rgb(225,163,22)
```
#e1b416
```
#e1b416 rgb(225,180,22)
```
#e1c516
```
#e1c516 rgb(225,197,22)
```
#e1d616
```
#e1d616 rgb(225,214,22)
```

Similar Colors

Text with hexadecimal color #e1a316

This text has a font color of #e1a316.

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

#e1a316 background color

This paragraph has a background color of #e1a316.

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

#e1a316 border color

This element has a border color of #e1a316.

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

CSS codes

.text {color:#e1a316;}

.background {background-color:#e1a316;}

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

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 #fefcf8 is the lightest one.

#0b0801
```
#0b0801 rgb(11,8,1)
```
#1c1503
```
#1c1503 rgb(28,21,3)
```
#2e2205
```
#2e2205 rgb(46,34,5)
```
#402e06
```
#402e06 rgb(64,46,6)
```
#523b08
```
#523b08 rgb(82,59,8)
```
#64480a
```
#64480a rgb(100,72,10)
```
#76550c
```
#76550c rgb(118,85,12)
```
#88620d
```
#88620d rgb(136,98,13)
```
#9a6f0f
```
#9a6f0f rgb(154,111,15)
```
#ab7c11
```
#ab7c11 rgb(171,124,17)
```
#bd8913
```
#bd8913 rgb(189,137,19)
```
#cf9614
```
#cf9614 rgb(207,150,20)
```
#e1a316
```
#e1a316 rgb(225,163,22)
```

Shade Color Variation

#e9ac21
```
#e9ac21 rgb(233,172,33)
```
#ebb333
```
#ebb333 rgb(235,179,51)
```
#edba45
```
#edba45 rgb(237,186,69)
```
#efc057
```
#efc057 rgb(239,192,87)
```
#f0c769
```
#f0c769 rgb(240,199,105)
```
#f2ce7b
```
#f2ce7b rgb(242,206,123)
```
#f4d48d
```
#f4d48d rgb(244,212,141)
```
#f6db9e
```
#f6db9e rgb(246,219,158)
```
#f7e2b0
```
#f7e2b0 rgb(247,226,176)
```
#f9e8c2
```
#f9e8c2 rgb(249,232,194)
```
#fbefd4
```
#fbefd4 rgb(251,239,212)
```
#fdf6e6
```
#fdf6e6 rgb(253,246,230)
```
#fefcf8
```
#fefcf8 rgb(254,252,248)
```

Tint Color Variation

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

#827e75
```
#827e75 rgb(130,126,117)
```
#8c826c
```
#8c826c rgb(140,130,108)
```
#958562
```
#958562 rgb(149,133,98)
```
#9f8959
```
#9f8959 rgb(159,137,89)
```
#a88d4f
```
#a88d4f rgb(168,141,79)
```
#b29146
```
#b29146 rgb(178,145,70)
```
#bb943c
```
#bb943c rgb(187,148,60)
```
#c59833
```
#c59833 rgb(197,152,51)
```
#ce9c29
```
#ce9c29 rgb(206,156,41)
```
#d89f20
```
#d89f20 rgb(216,159,32)
```
#e1a316
```
#e1a316 rgb(225,163,22)
```
#eba70d
```
#eba70d rgb(235,167,13)
```
#f4aa03
```
#f4aa03 rgb(244,170,3)
```

Tone Color Variation

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

Dichromacy

#c7b225 Protanopia 1% of men
#dea920 Deuteranopia 1% of men
#ea9ca7 Tritanopia 0.001% of the population

Trichromacy

#d0ac1f Protanomaly 1% of men, 0.01% of women
#dfa71c Deuteranomaly 6% of men, 0.4% of women
#e69f72 Tritanomaly 0.01% of the population

#e1a316 hex color

#e1a316 Color Information

#e1a316 Color Conversion

Color Schemes with #e1a316

Alternatives to #e1a316

#e1a316 Preview

Shades and Tints of #e1a316

Tones of #e1a316

Color Blindness Simulator