colorhexa.com

#e0a31f hex color

In a RGB color space, hex #e0a31f is composed of 87.8% red, 63.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.2% magenta, 86.2% yellow and 12.2% black. It has a hue angle of 41 degrees, a saturation of 75.7% and a lightness of 50%. #e0a31f color hex could be obtained by blending #ffff3e with #c14700. Closest websafe color is: #cc9933.

- R 88
- G 64
- B 12
RGB color chart
- C 0
- M 27
- Y 86
- K 12
CMYK color chart

● #e0a31f color description : Vivid orange.

The hexadecimal color #e0a31f has RGB values of R:224, G:163, B:31 and CMYK values of C:0, M:0.27, Y:0.86, K:0.12. Its decimal value is 14721823.

Hex triplet	e0a31f	`#e0a31f`
RGB Decimal	224, 163, 31	`rgb(224,163,31)`
RGB Percent	87.8, 63.9, 12.2	`rgb(87.8%,63.9%,12.2%)`
CMYK	0, 27, 86, 12
HSL	41°, 75.7, 50	`hsl(41,75.7%,50%)`
HSV (or HSB)	41°, 86.2, 87.8
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.97, 12.173, 69.414
XYZ	44.086, 42.143, 7.109
xyY	0.472, 0.452, 42.143
CIE-LCH	70.97, 70.473, 80.054
CIE-LUV	70.97, 50.707, 69.564
Hunter-Lab	64.918, 7.614, 38.95
Binary	11100000, 10100011, 00011111

#e0a31f
```
#e0a31f rgb(224,163,31)
```
#1f5ce0
```
#1f5ce0 rgb(31,92,224)
```

Complementary Color

#e0431f
```
#e0431f rgb(224,67,31)
```
#e0a31f
```
#e0a31f rgb(224,163,31)
```
#bde01f
```
#bde01f rgb(189,224,31)
```

Analogous Color

#421fe0
```
#421fe0 rgb(66,31,224)
```
#e0a31f
```
#e0a31f rgb(224,163,31)
```
#1fbde0
```
#1fbde0 rgb(31,189,224)
```

Split Complementary Color

#a31fe0
```
#a31fe0 rgb(163,31,224)
```
#e0a31f
```
#e0a31f rgb(224,163,31)
```
#1fe0a3
```
#1fe0a3 rgb(31,224,163)
```

Triadic Color

#e01f5c
```
#e01f5c rgb(224,31,92)
```
#e0a31f
```
#e0a31f rgb(224,163,31)
```
#1fe0a3
```
#1fe0a3 rgb(31,224,163)
```
#1f5ce0
```
#1f5ce0 rgb(31,92,224)
```

Tetradic Color

#9d7216
```
#9d7216 rgb(157,114,22)
```
#b38219
```
#b38219 rgb(179,130,25)
```
#ca931c
```
#ca931c rgb(202,147,28)
```
#e0a31f
```
#e0a31f rgb(224,163,31)
```
#e3ac35
```
#e3ac35 rgb(227,172,53)
```
#e6b54c
```
#e6b54c rgb(230,181,76)
```
#e9bf62
```
#e9bf62 rgb(233,191,98)
```

Monochromatic Color

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

#e0731f
```
#e0731f rgb(224,115,31)
```
#e0831f
```
#e0831f rgb(224,131,31)
```
#e0931f
```
#e0931f rgb(224,147,31)
```
#e0a31f
```
#e0a31f rgb(224,163,31)
```
#e0b31f
```
#e0b31f rgb(224,179,31)
```
#e0c31f
```
#e0c31f rgb(224,195,31)
```
#e0d31f
```
#e0d31f rgb(224,211,31)
```

Similar Colors

Text with hexadecimal color #e0a31f

This text has a font color of #e0a31f.

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

#e0a31f background color

This paragraph has a background color of #e0a31f.

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

#e0a31f border color

This element has a border color of #e0a31f.

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

CSS codes

.text {color:#e0a31f;}

.background {background-color:#e0a31f;}

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

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, #110d02 is the darkest color, while #ffffff is the lightest one.

#110d02
```
#110d02 rgb(17,13,2)
```
#221905
```
#221905 rgb(34,25,5)
```
#342607
```
#342607 rgb(52,38,7)
```
#45320a
```
#45320a rgb(69,50,10)
```
#563f0c
```
#563f0c rgb(86,63,12)
```
#674b0e
```
#674b0e rgb(103,75,14)
```
#795811
```
#795811 rgb(121,88,17)
```
#8a6413
```
#8a6413 rgb(138,100,19)
```
#9b7115
```
#9b7115 rgb(155,113,21)
```
#ac7d18
```
#ac7d18 rgb(172,125,24)
```
#be8a1a
```
#be8a1a rgb(190,138,26)
```
#cf961d
```
#cf961d rgb(207,150,29)
```
#e0a31f
```
#e0a31f rgb(224,163,31)
```

Shade Color Variation

#e2aa30
```
#e2aa30 rgb(226,170,48)
```
#e5b141
```
#e5b141 rgb(229,177,65)
```
#e7b853
```
#e7b853 rgb(231,184,83)
```
#eabf64
```
#eabf64 rgb(234,191,100)
```
#ecc675
```
#ecc675 rgb(236,198,117)
```
#eecd86
```
#eecd86 rgb(238,205,134)
```
#f1d598
```
#f1d598 rgb(241,213,152)
```
#f3dca9
```
#f3dca9 rgb(243,220,169)
```
#f5e3ba
```
#f5e3ba rgb(245,227,186)
```
#f8eacb
```
#f8eacb rgb(248,234,203)
```
#faf1dd
```
#faf1dd rgb(250,241,221)
```
#fdf8ee
```
#fdf8ee rgb(253,248,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#888377
```
#888377 rgb(136,131,119)
```
#92866d
```
#92866d rgb(146,134,109)
```
#9b8a64
```
#9b8a64 rgb(155,138,100)
```
#a58d5a
```
#a58d5a rgb(165,141,90)
```
#af9150
```
#af9150 rgb(175,145,80)
```
#b99546
```
#b99546 rgb(185,149,70)
```
#c3983c
```
#c3983c rgb(195,152,60)
```
#cc9c33
```
#cc9c33 rgb(204,156,51)
```
#d69f29
```
#d69f29 rgb(214,159,41)
```
#e0a31f
```
#e0a31f rgb(224,163,31)
```
#eaa715
```
#eaa715 rgb(234,167,21)
```
#f4aa0b
```
#f4aa0b rgb(244,170,11)
```
#fdae02
```
#fdae02 rgb(253,174,2)
```

Tone Color Variation

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

#c7b22d Protanopia 1% of men
#dda929 Deuteranopia 1% of men
#e99da7 Tritanopia 0.001% of the population

Trichromacy

#d0ac28 Protanomaly 1% of men, 0.01% of women
#dea725 Deuteranomaly 6% of men, 0.4% of women
#e59f76 Tritanomaly 0.01% of the population