#e1a31c hex color

In a RGB color space, hex #e1a31c is composed of 88.2% red, 63.9% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.6% magenta, 87.6% yellow and 11.8% black. It has a hue angle of 41.1 degrees, a saturation of 77.9% and a lightness of 49.6%. #e1a31c color hex could be obtained by blending #ffff38 with #c34700. Closest websafe color is: #cc9933.

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

● #e1a31c color description : Vivid orange.

The hexadecimal color #e1a31c has RGB values of R:225, G:163, B:28 and CMYK values of C:0, M:0.28, Y:0.88, K:0.12. Its decimal value is 14787356.

Hex triplet	e1a31c	`#e1a31c`
RGB Decimal	225, 163, 28	`rgb(225,163,28)`
RGB Percent	88.2, 63.9, 11	`rgb(88.2%,63.9%,11%)`
CMYK	0, 28, 88, 12
HSL	41.1°, 77.9, 49.6	`hsl(41.1,77.9%,49.6%)`
HSV (or HSB)	41.1°, 87.6, 88.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	71.069, 12.54, 70.287
XYZ	44.359, 42.288, 6.925
xyY	0.474, 0.452, 42.288
CIE-LCH	71.069, 71.397, 79.884
CIE-LUV	71.069, 51.587, 70.024
Hunter-Lab	65.03, 7.96, 39.207
Binary	11100001, 10100011, 00011100

#e1a31c
```
#e1a31c rgb(225,163,28)
```
#1c5ae1
```
#1c5ae1 rgb(28,90,225)
```

Complementary Color

#e1411c
```
#e1411c rgb(225,65,28)
```
#e1a31c
```
#e1a31c rgb(225,163,28)
```
#bde11c
```
#bde11c rgb(189,225,28)
```

Analogous Color

#401ce1
```
#401ce1 rgb(64,28,225)
```
#e1a31c
```
#e1a31c rgb(225,163,28)
```
#1cbde1
```
#1cbde1 rgb(28,189,225)
```

Split Complementary Color

#a31ce1
```
#a31ce1 rgb(163,28,225)
```
#e1a31c
```
#e1a31c rgb(225,163,28)
```
#1ce1a3
```
#1ce1a3 rgb(28,225,163)
```

Triadic Color

#e11c5a
```
#e11c5a rgb(225,28,90)
```
#e1a31c
```
#e1a31c rgb(225,163,28)
```
#1ce1a3
```
#1ce1a3 rgb(28,225,163)
```
#1c5ae1
```
#1c5ae1 rgb(28,90,225)
```

Tetradic Color

#9d7214
```
#9d7214 rgb(157,114,20)
```
#b48216
```
#b48216 rgb(180,130,22)
```
#ca9319
```
#ca9319 rgb(202,147,25)
```
#e1a31c
```
#e1a31c rgb(225,163,28)
```
#e5ad31
```
#e5ad31 rgb(229,173,49)
```
#e8b648
```
#e8b648 rgb(232,182,72)
```
#ebbf5e
```
#ebbf5e rgb(235,191,94)
```

Monochromatic Color

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

#e1721c
```
#e1721c rgb(225,114,28)
```
#e1821c
```
#e1821c rgb(225,130,28)
```
#e1931c
```
#e1931c rgb(225,147,28)
```
#e1a31c
```
#e1a31c rgb(225,163,28)
```
#e1b31c
```
#e1b31c rgb(225,179,28)
```
#e1c41c
```
#e1c41c rgb(225,196,28)
```
#e1d41c
```
#e1d41c rgb(225,212,28)
```

Similar Colors

Text with hexadecimal color #e1a31c

This text has a font color of #e1a31c.

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

#e1a31c background color

This paragraph has a background color of #e1a31c.

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

#e1a31c border color

This element has a border color of #e1a31c.

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

CSS codes

.text {color:#e1a31c;}

.background {background-color:#e1a31c;}

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

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

#100b02
```
#100b02 rgb(16,11,2)
```
#211804
```
#211804 rgb(33,24,4)
```
#332506
```
#332506 rgb(51,37,6)
```
#443108
```
#443108 rgb(68,49,8)
```
#553e0b
```
#553e0b rgb(85,62,11)
```
#674b0d
```
#674b0d rgb(103,75,13)
```
#78570f
```
#78570f rgb(120,87,15)
```
#8a6411
```
#8a6411 rgb(138,100,17)
```
#9b7013
```
#9b7013 rgb(155,112,19)
```
#ad7d15
```
#ad7d15 rgb(173,125,21)
```
#be8a18
```
#be8a18 rgb(190,138,24)
```
#d0961a
```
#d0961a rgb(208,150,26)
```
#e1a31c
```
#e1a31c rgb(225,163,28)
```

Shade Color Variation

#e5ab2c
```
#e5ab2c rgb(229,171,44)
```
#e7b23d
```
#e7b23d rgb(231,178,61)
```
#e9b94f
```
#e9b94f rgb(233,185,79)
```
#ebbf60
```
#ebbf60 rgb(235,191,96)
```
#edc672
```
#edc672 rgb(237,198,114)
```
#f0cd83
```
#f0cd83 rgb(240,205,131)
```
#f2d495
```
#f2d495 rgb(242,212,149)
```
#f4dba6
```
#f4dba6 rgb(244,219,166)
```
#f6e2b7
```
#f6e2b7 rgb(246,226,183)
```
#f8e9c9
```
#f8e9c9 rgb(248,233,201)
```
#faf0da
```
#faf0da rgb(250,240,218)
```
#fdf7ec
```
#fdf7ec rgb(253,247,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#807f7d
```
#807f7d rgb(128,127,125)
```
#898374
```
#898374 rgb(137,131,116)
```
#93866a
```
#93866a rgb(147,134,106)
```
#9d8a60
```
#9d8a60 rgb(157,138,96)
```
#a78d56
```
#a78d56 rgb(167,141,86)
```
#b0914d
```
#b0914d rgb(176,145,77)
```
#ba9543
```
#ba9543 rgb(186,149,67)
```
#c49839
```
#c49839 rgb(196,152,57)
```
#ce9c2f
```
#ce9c2f rgb(206,156,47)
```
#d79f26
```
#d79f26 rgb(215,159,38)
```
#e1a31c
```
#e1a31c rgb(225,163,28)
```
#eba712
```
#eba712 rgb(235,167,18)
```
#f4aa09
```
#f4aa09 rgb(244,170,9)
```

Tone Color Variation

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

Dichromacy

#c7b22a Protanopia 1% of men
#dea926 Deuteranopia 1% of men
#ea9ca7 Tritanopia 0.001% of the population

Trichromacy

#d0ac25 Protanomaly 1% of men, 0.01% of women
#dfa722 Deuteranomaly 6% of men, 0.4% of women
#e69f74 Tritanomaly 0.01% of the population

#e1a31c hex color

#e1a31c Color Information

#e1a31c Color Conversion

Color Schemes with #e1a31c

Alternatives to #e1a31c

#e1a31c Preview

Shades and Tints of #e1a31c

Tones of #e1a31c

Color Blindness Simulator