#e1af1f hex color

In a RGB color space, hex #e1af1f is composed of 88.2% red, 68.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.2% magenta, 86.2% yellow and 11.8% black. It has a hue angle of 44.5 degrees, a saturation of 76.4% and a lightness of 50.2%. #e1af1f color hex could be obtained by blending #ffff3e with #c35f00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 88
- G 69
- B 12
RGB color chart
- C 0
- M 22
- Y 86
- K 12
CMYK color chart

● #e1af1f color description : Vivid orange.

The hexadecimal color #e1af1f has RGB values of R:225, G:175, B:31 and CMYK values of C:0, M:0.22, Y:0.86, K:0.12. Its decimal value is 14790431.

Hex triplet	e1af1f	`#e1af1f`
RGB Decimal	225, 175, 31	`rgb(225,175,31)`
RGB Percent	88.2, 68.6, 12.2	`rgb(88.2%,68.6%,12.2%)`
CMYK	0, 22, 86, 12
HSL	44.5°, 76.4, 50.2	`hsl(44.5,76.4%,50.2%)`
HSV (or HSB)	44.5°, 86.2, 88.2
Web Safe	cc9933	`#cc9933`

CIE-LAB	74.042, 6.235, 71.942
XYZ	46.629, 46.769, 7.868
xyY	0.46, 0.462, 46.769
CIE-LCH	74.042, 72.212, 85.046
CIE-LUV	74.042, 42.195, 74.176
Hunter-Lab	68.388, 2.03, 41.05
Binary	11100001, 10101111, 00011111

#e1af1f
```
#e1af1f rgb(225,175,31)
```
#1f51e1
```
#1f51e1 rgb(31,81,225)
```

Complementary Color

#e14e1f
```
#e14e1f rgb(225,78,31)
```
#e1af1f
```
#e1af1f rgb(225,175,31)
```
#b2e11f
```
#b2e11f rgb(178,225,31)
```

Analogous Color

#4e1fe1
```
#4e1fe1 rgb(78,31,225)
```
#e1af1f
```
#e1af1f rgb(225,175,31)
```
#1fb2e1
```
#1fb2e1 rgb(31,178,225)
```

Split Complementary Color

#af1fe1
```
#af1fe1 rgb(175,31,225)
```
#e1af1f
```
#e1af1f rgb(225,175,31)
```
#1fe1af
```
#1fe1af rgb(31,225,175)
```

Triadic Color

#e11f51
```
#e11f51 rgb(225,31,81)
```
#e1af1f
```
#e1af1f rgb(225,175,31)
```
#1fe1af
```
#1fe1af rgb(31,225,175)
```
#1f51e1
```
#1f51e1 rgb(31,81,225)
```

Tetradic Color

#9e7b15
```
#9e7b15 rgb(158,123,21)
```
#b58c18
```
#b58c18 rgb(181,140,24)
```
#cb9e1b
```
#cb9e1b rgb(203,158,27)
```
#e1af1f
```
#e1af1f rgb(225,175,31)
```
#e4b735
```
#e4b735 rgb(228,183,53)
```
#e7bf4c
```
#e7bf4c rgb(231,191,76)
```
#eac762
```
#eac762 rgb(234,199,98)
```

Monochromatic Color

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

#e17f1f
```
#e17f1f rgb(225,127,31)
```
#e18f1f
```
#e18f1f rgb(225,143,31)
```
#e19f1f
```
#e19f1f rgb(225,159,31)
```
#e1af1f
```
#e1af1f rgb(225,175,31)
```
#e1bf1f
```
#e1bf1f rgb(225,191,31)
```
#e1cf1f
```
#e1cf1f rgb(225,207,31)
```
#e1e01f
```
#e1e01f rgb(225,224,31)
```

Similar Colors

Text with hexadecimal color #e1af1f

This text has a font color of #e1af1f.

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

#e1af1f background color

This paragraph has a background color of #e1af1f.

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

#e1af1f border color

This element has a border color of #e1af1f.

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

CSS codes

.text {color:#e1af1f;}

.background {background-color:#e1af1f;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120e02
```
#120e02 rgb(18,14,2)
```
#231c05
```
#231c05 rgb(35,28,5)
```
#352907
```
#352907 rgb(53,41,7)
```
#463609
```
#463609 rgb(70,54,9)
```
#57440c
```
#57440c rgb(87,68,12)
```
#69510e
```
#69510e rgb(105,81,14)
```
#7a5f10
```
#7a5f10 rgb(122,95,16)
```
#8b6c13
```
#8b6c13 rgb(139,108,19)
```
#9d7a15
```
#9d7a15 rgb(157,122,21)
```
#ae8717
```
#ae8717 rgb(174,135,23)
```
#bf941a
```
#bf941a rgb(191,148,26)
```
#d0a21c
```
#d0a21c rgb(208,162,28)
```

Shade Color Variation

#e1af1f
```
#e1af1f rgb(225,175,31)
```
#e3b530
```
#e3b530 rgb(227,181,48)
```
#e6bb42
```
#e6bb42 rgb(230,187,66)
```
#e8c253
```
#e8c253 rgb(232,194,83)
```
#eac864
```
#eac864 rgb(234,200,100)
```
#edce75
```
#edce75 rgb(237,206,117)
```
#efd487
```
#efd487 rgb(239,212,135)
```
#f1da98
```
#f1da98 rgb(241,218,152)
```
#f4e0a9
```
#f4e0a9 rgb(244,224,169)
```
#f6e7bb
```
#f6e7bb rgb(246,231,187)
```
#f8edcc
```
#f8edcc rgb(248,237,204)
```
#faf3dd
```
#faf3dd rgb(250,243,221)
```
#fdf9ef
```
#fdf9ef rgb(253,249,239)
```

Tint Color Variation

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

#898477
```
#898477 rgb(137,132,119)
```
#93896d
```
#93896d rgb(147,137,109)
```
#9d8e63
```
#9d8e63 rgb(157,142,99)
```
#a6935a
```
#a6935a rgb(166,147,90)
```
#b09750
```
#b09750 rgb(176,151,80)
```
#ba9c46
```
#ba9c46 rgb(186,156,70)
```
#c4a13c
```
#c4a13c rgb(196,161,60)
```
#cda633
```
#cda633 rgb(205,166,51)
```
#d7aa29
```
#d7aa29 rgb(215,170,41)
```
#e1af1f
```
#e1af1f rgb(225,175,31)
```
#ebb415
```
#ebb415 rgb(235,180,21)
```
#f5b80b
```
#f5b80b rgb(245,184,11)
```
#febd02
```
#febd02 rgb(254,189,2)
```

Tone Color Variation

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

Dichromacy

#d0ba2c Protanopia 1% of men
#e7b02c Deuteranopia 1% of men
#eba7b3 Tritanopia 0.001% of the population

Trichromacy

#d6b627 Protanomaly 1% of men, 0.01% of women
#e5b027 Deuteranomaly 6% of men, 0.4% of women
#e7aa7d Tritanomaly 0.01% of the population

#e1af1f hex color

#e1af1f Color Information

#e1af1f Color Conversion

Color Schemes with #e1af1f

Alternatives to #e1af1f

#e1af1f Preview

Shades and Tints of #e1af1f

Tones of #e1af1f

Color Blindness Simulator