#e7a31b hex color

In a RGB color space, hex #e7a31b is composed of 90.6% red, 63.9% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.4% magenta, 88.3% yellow and 9.4% black. It has a hue angle of 40 degrees, a saturation of 81% and a lightness of 50.6%. #e7a31b color hex could be obtained by blending #ffff36 with #cf4700. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 91
- G 64
- B 11
RGB color chart
- C 0
- M 29
- Y 88
- K 9
CMYK color chart

● #e7a31b color description : Vivid orange.

The hexadecimal color #e7a31b has RGB values of R:231, G:163, B:27 and CMYK values of C:0, M:0.29, Y:0.88, K:0.09. Its decimal value is 15180571.

Hex triplet	e7a31b	`#e7a31b`
RGB Decimal	231, 163, 27	`rgb(231,163,27)`
RGB Percent	90.6, 63.9, 10.6	`rgb(90.6%,63.9%,10.6%)`
CMYK	0, 29, 88, 9
HSL	40°, 81, 50.6	`hsl(40,81%,50.6%)`
HSV (or HSB)	40°, 88.3, 90.6
Web Safe	ff9933	`#ff9933`

CIE-LAB	71.735, 15.11, 71.33
XYZ	46.251, 43.265, 6.952
xyY	0.479, 0.448, 43.265
CIE-LCH	71.735, 72.913, 78.04
CIE-LUV	71.735, 56.433, 70.347
Hunter-Lab	65.776, 10.405, 39.777
Binary	11100111, 10100011, 00011011

#e7a31b
```
#e7a31b rgb(231,163,27)
```
#1b5fe7
```
#1b5fe7 rgb(27,95,231)
```

Complementary Color

#e73d1b
```
#e73d1b rgb(231,61,27)
```
#e7a31b
```
#e7a31b rgb(231,163,27)
```
#c5e71b
```
#c5e71b rgb(197,231,27)
```

Analogous Color

#3d1be7
```
#3d1be7 rgb(61,27,231)
```
#e7a31b
```
#e7a31b rgb(231,163,27)
```
#1bc5e7
```
#1bc5e7 rgb(27,197,231)
```

Split Complementary Color

#a31be7
```
#a31be7 rgb(163,27,231)
```
#e7a31b
```
#e7a31b rgb(231,163,27)
```
#1be7a3
```
#1be7a3 rgb(27,231,163)
```

Triadic Color

#e71b5f
```
#e71b5f rgb(231,27,95)
```
#e7a31b
```
#e7a31b rgb(231,163,27)
```
#1be7a3
```
#1be7a3 rgb(27,231,163)
```
#1b5fe7
```
#1b5fe7 rgb(27,95,231)
```

Tetradic Color

#a47311
```
#a47311 rgb(164,115,17)
```
#bb8314
```
#bb8314 rgb(187,131,20)
```
#d29416
```
#d29416 rgb(210,148,22)
```
#e7a31b
```
#e7a31b rgb(231,163,27)
```
#e9ac32
```
#e9ac32 rgb(233,172,50)
```
#ecb649
```
#ecb649 rgb(236,182,73)
```
#eebf60
```
#eebf60 rgb(238,191,96)
```

Monochromatic Color

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

#e7701b
```
#e7701b rgb(231,112,27)
```
#e7811b
```
#e7811b rgb(231,129,27)
```
#e7921b
```
#e7921b rgb(231,146,27)
```
#e7a31b
```
#e7a31b rgb(231,163,27)
```
#e7b41b
```
#e7b41b rgb(231,180,27)
```
#e7c51b
```
#e7c51b rgb(231,197,27)
```
#e7d61b
```
#e7d61b rgb(231,214,27)
```

Similar Colors

Text with hexadecimal color #e7a31b

This text has a font color of #e7a31b.

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

#e7a31b background color

This paragraph has a background color of #e7a31b.

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

#e7a31b border color

This element has a border color of #e7a31b.

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

CSS codes

.text {color:#e7a31b;}

.background {background-color:#e7a31b;}

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

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, #030200 is the darkest color, while #fdf9f0 is the lightest one.

#030200
```
#030200 rgb(3,2,0)
```
#140e02
```
#140e02 rgb(20,14,2)
```
#261b04
```
#261b04 rgb(38,27,4)
```
#382706
```
#382706 rgb(56,39,6)
```
#4a3408
```
#4a3408 rgb(74,52,8)
```
#5b400a
```
#5b400a rgb(91,64,10)
```
#6d4d0b
```
#6d4d0b rgb(109,77,11)
```
#7f590d
```
#7f590d rgb(127,89,13)
```
#91660f
```
#91660f rgb(145,102,15)
```
#a27211
```
#a27211 rgb(162,114,17)
```
#b47e13
```
#b47e13 rgb(180,126,19)
```
#c68b15
```
#c68b15 rgb(198,139,21)
```
#d89717
```
#d89717 rgb(216,151,23)
```

Shade Color Variation

#e7a31b
```
#e7a31b rgb(231,163,27)
```
#e9aa2d
```
#e9aa2d rgb(233,170,45)
```
#ebb13e
```
#ebb13e rgb(235,177,62)
```
#edb850
```
#edb850 rgb(237,184,80)
```
#eec062
```
#eec062 rgb(238,192,98)
```
#f0c774
```
#f0c774 rgb(240,199,116)
```
#f2ce85
```
#f2ce85 rgb(242,206,133)
```
#f4d597
```
#f4d597 rgb(244,213,151)
```
#f6dca9
```
#f6dca9 rgb(246,220,169)
```
#f8e3bb
```
#f8e3bb rgb(248,227,187)
```
#faebcc
```
#faebcc rgb(250,235,204)
```
#fcf2de
```
#fcf2de rgb(252,242,222)
```
#fdf9f0
```
#fdf9f0 rgb(253,249,240)
```

Tint Color Variation

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

#86837c
```
#86837c rgb(134,131,124)
```
#908672
```
#908672 rgb(144,134,114)
```
#998969
```
#998969 rgb(153,137,105)
```
#a38c5f
```
#a38c5f rgb(163,140,95)
```
#ad9055
```
#ad9055 rgb(173,144,85)
```
#b7934b
```
#b7934b rgb(183,147,75)
```
#c09642
```
#c09642 rgb(192,150,66)
```
#ca9938
```
#ca9938 rgb(202,153,56)
```
#d49d2e
```
#d49d2e rgb(212,157,46)
```
#dda025
```
#dda025 rgb(221,160,37)
```
#e7a31b
```
#e7a31b rgb(231,163,27)
```
#f1a611
```
#f1a611 rgb(241,166,17)
```
#faa908
```
#faa908 rgb(250,169,8)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#b5a78c Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b42a Protanopia 1% of men
#e0ab24 Deuteranopia 1% of men
#ef9ca7 Tritanopia 0.001% of the population

Trichromacy

#d4ad24 Protanomaly 1% of men, 0.01% of women
#e2a820 Deuteranomaly 6% of men, 0.4% of women
#ec9f74 Tritanomaly 0.01% of the population

#e7a31b hex color

#e7a31b Color Information

#e7a31b Color Conversion

Color Schemes with #e7a31b

Alternatives to #e7a31b

#e7a31b Preview

Shades and Tints of #e7a31b

Tones of #e7a31b

Color Blindness Simulator