#e3af1e hex color

In a RGB color space, hex #e3af1e is composed of 89% red, 68.6% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.9% magenta, 86.8% yellow and 11% black. It has a hue angle of 44.2 degrees, a saturation of 77.9% and a lightness of 50.4%. #e3af1e color hex could be obtained by blending #ffff3c with #c75f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 89
- G 69
- B 12
RGB color chart
- C 0
- M 23
- Y 87
- K 11
CMYK color chart

● #e3af1e color description : Vivid orange.

The hexadecimal color #e3af1e has RGB values of R:227, G:175, B:30 and CMYK values of C:0, M:0.23, Y:0.87, K:0.11. Its decimal value is 14921502.

Hex triplet	e3af1e	`#e3af1e`
RGB Decimal	227, 175, 30	`rgb(227,175,30)`
RGB Percent	89, 68.6, 11.8	`rgb(89%,68.6%,11.8%)`
CMYK	0, 23, 87, 11
HSL	44.2°, 77.9, 50.4	`hsl(44.2,77.9%,50.4%)`
HSV (or HSB)	44.2°, 86.8, 89
Web Safe	cc9933	`#cc9933`

CIE-LAB	74.245, 7.081, 72.431
XYZ	47.244, 47.087, 7.829
xyY	0.462, 0.461, 47.087
CIE-LCH	74.245, 72.776, 84.416
CIE-LUV	74.245, 43.781, 74.367
Hunter-Lab	68.62, 2.809, 41.27
Binary	11100011, 10101111, 00011110

#e3af1e
```
#e3af1e rgb(227,175,30)
```
#1e52e3
```
#1e52e3 rgb(30,82,227)
```

Complementary Color

#e34d1e
```
#e34d1e rgb(227,77,30)
```
#e3af1e
```
#e3af1e rgb(227,175,30)
```
#b5e31e
```
#b5e31e rgb(181,227,30)
```

Analogous Color

#4d1ee3
```
#4d1ee3 rgb(77,30,227)
```
#e3af1e
```
#e3af1e rgb(227,175,30)
```
#1eb5e3
```
#1eb5e3 rgb(30,181,227)
```

Split Complementary Color

#af1ee3
```
#af1ee3 rgb(175,30,227)
```
#e3af1e
```
#e3af1e rgb(227,175,30)
```
#1ee3af
```
#1ee3af rgb(30,227,175)
```

Triadic Color

#e31e52
```
#e31e52 rgb(227,30,82)
```
#e3af1e
```
#e3af1e rgb(227,175,30)
```
#1ee3af
```
#1ee3af rgb(30,227,175)
```
#1e52e3
```
#1e52e3 rgb(30,82,227)
```

Tetradic Color

#a17b14
```
#a17b14 rgb(161,123,20)
```
#b78d17
```
#b78d17 rgb(183,141,23)
```
#ce9e1a
```
#ce9e1a rgb(206,158,26)
```
#e3af1e
```
#e3af1e rgb(227,175,30)
```
#e6b735
```
#e6b735 rgb(230,183,53)
```
#e9bf4b
```
#e9bf4b rgb(233,191,75)
```
#ebc762
```
#ebc762 rgb(235,199,98)
```

Monochromatic Color

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

#e37e1e
```
#e37e1e rgb(227,126,30)
```
#e38e1e
```
#e38e1e rgb(227,142,30)
```
#e39f1e
```
#e39f1e rgb(227,159,30)
```
#e3af1e
```
#e3af1e rgb(227,175,30)
```
#e3bf1e
```
#e3bf1e rgb(227,191,30)
```
#e3d01e
```
#e3d01e rgb(227,208,30)
```
#e3e01e
```
#e3e01e rgb(227,224,30)
```

Similar Colors

Text with hexadecimal color #e3af1e

This text has a font color of #e3af1e.

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

#e3af1e background color

This paragraph has a background color of #e3af1e.

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

#e3af1e border color

This element has a border color of #e3af1e.

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

CSS codes

.text {color:#e3af1e;}

.background {background-color:#e3af1e;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#130f02
```
#130f02 rgb(19,15,2)
```
#251c05
```
#251c05 rgb(37,28,5)
```
#362a07
```
#362a07 rgb(54,42,7)
```
#483709
```
#483709 rgb(72,55,9)
```
#59440b
```
#59440b rgb(89,68,11)
```
#6a520d
```
#6a520d rgb(106,82,13)
```
#7c5f0f
```
#7c5f0f rgb(124,95,15)
```
#8d6d12
```
#8d6d12 rgb(141,109,18)
```
#9f7a14
```
#9f7a14 rgb(159,122,20)
```
#b08716
```
#b08716 rgb(176,135,22)
```
#c29518
```
#c29518 rgb(194,149,24)
```
#d3a21a
```
#d3a21a rgb(211,162,26)
```

Shade Color Variation

#e3af1e
```
#e3af1e rgb(227,175,30)
```
#e5b52f
```
#e5b52f rgb(229,181,47)
```
#e7bb41
```
#e7bb41 rgb(231,187,65)
```
#eac252
```
#eac252 rgb(234,194,82)
```
#ecc864
```
#ecc864 rgb(236,200,100)
```
#eece75
```
#eece75 rgb(238,206,117)
```
#f0d487
```
#f0d487 rgb(240,212,135)
```
#f2da98
```
#f2da98 rgb(242,218,152)
```
#f4e1aa
```
#f4e1aa rgb(244,225,170)
```
#f7e7bb
```
#f7e7bb rgb(247,231,187)
```
#f9edcc
```
#f9edcc rgb(249,237,204)
```
#fbf3de
```
#fbf3de rgb(251,243,222)
```
#fdf9ef
```
#fdf9ef rgb(253,249,239)
```

Tint Color Variation

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

#82817f
```
#82817f rgb(130,129,127)
```
#8b8676
```
#8b8676 rgb(139,134,118)
```
#958a6c
```
#958a6c rgb(149,138,108)
```
#9f8f62
```
#9f8f62 rgb(159,143,98)
```
#a99358
```
#a99358 rgb(169,147,88)
```
#b2984f
```
#b2984f rgb(178,152,79)
```
#bc9d45
```
#bc9d45 rgb(188,157,69)
```
#c6a13b
```
#c6a13b rgb(198,161,59)
```
#d0a631
```
#d0a631 rgb(208,166,49)
```
#d9aa28
```
#d9aa28 rgb(217,170,40)
```
#e3af1e
```
#e3af1e rgb(227,175,30)
```
#edb414
```
#edb414 rgb(237,180,20)
```
#f6b80b
```
#f6b80b rgb(246,184,11)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b9ae91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ba2b Protanopia 1% of men
#e8b12a Deuteranopia 1% of men
#eda7b3 Tritanopia 0.001% of the population

Trichromacy

#d7b626 Protanomaly 1% of men, 0.01% of women
#e6b026 Deuteranomaly 6% of men, 0.4% of women
#e9aa7c Tritanomaly 0.01% of the population

#e3af1e hex color

#e3af1e Color Information

#e3af1e Color Conversion

Color Schemes with #e3af1e

Alternatives to #e3af1e

#e3af1e Preview

Shades and Tints of #e3af1e

Tones of #e3af1e

Color Blindness Simulator