#e7af1f hex color

In a RGB color space, hex #e7af1f is composed of 90.6% red, 68.6% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 24.2% magenta, 86.6% yellow and 9.4% black. It has a hue angle of 43.2 degrees, a saturation of 80.6% and a lightness of 51.4%. #e7af1f color hex could be obtained by blending #ffff3e with #cf5f00. Closest websafe color is: #ff9933.

♥
- f
- t
- g
- R 91
- G 69
- B 12
RGB color chart
- C 0
- M 24
- Y 87
- K 9
CMYK color chart

● #e7af1f color description : Vivid orange.

The hexadecimal color #e7af1f has RGB values of R:231, G:175, B:31 and CMYK values of C:0, M:0.24, Y:0.87, K:0.09. Its decimal value is 15183647.

Hex triplet	e7af1f	`#e7af1f`
RGB Decimal	231, 175, 31	`rgb(231,175,31)`
RGB Percent	90.6, 68.6, 12.2	`rgb(90.6%,68.6%,12.2%)`
CMYK	0, 24, 87, 9
HSL	43.2°, 80.6, 51.4	`hsl(43.2,80.6%,51.4%)`
HSV (or HSB)	43.2°, 86.6, 90.6
Web Safe	ff9933	`#ff9933`

CIE-LAB	74.667, 8.834, 72.707
XYZ	48.533, 47.75, 7.957
xyY	0.466, 0.458, 47.75
CIE-LCH	74.667, 73.241, 83.072
CIE-LUV	74.667, 46.899, 74.334
Hunter-Lab	69.102, 4.441, 41.544
Binary	11100111, 10101111, 00011111

#e7af1f
```
#e7af1f rgb(231,175,31)
```
#1f57e7
```
#1f57e7 rgb(31,87,231)
```

Complementary Color

#e74b1f
```
#e74b1f rgb(231,75,31)
```
#e7af1f
```
#e7af1f rgb(231,175,31)
```
#bbe71f
```
#bbe71f rgb(187,231,31)
```

Analogous Color

#4b1fe7
```
#4b1fe7 rgb(75,31,231)
```
#e7af1f
```
#e7af1f rgb(231,175,31)
```
#1fbbe7
```
#1fbbe7 rgb(31,187,231)
```

Split Complementary Color

#af1fe7
```
#af1fe7 rgb(175,31,231)
```
#e7af1f
```
#e7af1f rgb(231,175,31)
```
#1fe7af
```
#1fe7af rgb(31,231,175)
```

Triadic Color

#e71f57
```
#e71f57 rgb(231,31,87)
```
#e7af1f
```
#e7af1f rgb(231,175,31)
```
#1fe7af
```
#1fe7af rgb(31,231,175)
```
#1f57e7
```
#1f57e7 rgb(31,87,231)
```

Tetradic Color

#a87e12
```
#a87e12 rgb(168,126,18)
```
#bf8f14
```
#bf8f14 rgb(191,143,20)
```
#d6a017
```
#d6a017 rgb(214,160,23)
```
#e7af1f
```
#e7af1f rgb(231,175,31)
```
#e9b736
```
#e9b736 rgb(233,183,54)
```
#ecbf4d
```
#ecbf4d rgb(236,191,77)
```
#eec864
```
#eec864 rgb(238,200,100)
```

Monochromatic Color

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

#e77d1f
```
#e77d1f rgb(231,125,31)
```
#e78e1f
```
#e78e1f rgb(231,142,31)
```
#e79e1f
```
#e79e1f rgb(231,158,31)
```
#e7af1f
```
#e7af1f rgb(231,175,31)
```
#e7c01f
```
#e7c01f rgb(231,192,31)
```
#e7d01f
```
#e7d01f rgb(231,208,31)
```
#e7e11f
```
#e7e11f rgb(231,225,31)
```

Similar Colors

Text with hexadecimal color #e7af1f

This text has a font color of #e7af1f.

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

#e7af1f background color

This paragraph has a background color of #e7af1f.

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

#e7af1f border color

This element has a border color of #e7af1f.

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

CSS codes

.text {color:#e7af1f;}

.background {background-color:#e7af1f;}

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

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

#060501
```
#060501 rgb(6,5,1)
```
#181203
```
#181203 rgb(24,18,3)
```
#2a1f04
```
#2a1f04 rgb(42,31,4)
```
#3b2d06
```
#3b2d06 rgb(59,45,6)
```
#4d3a08
```
#4d3a08 rgb(77,58,8)
```
#5f470a
```
#5f470a rgb(95,71,10)
```
#71540c
```
#71540c rgb(113,84,12)
```
#82620e
```
#82620e rgb(130,98,14)
```
#946f10
```
#946f10 rgb(148,111,16)
```
#a67c12
```
#a67c12 rgb(166,124,18)
```
#b78a14
```
#b78a14 rgb(183,138,20)
```
#c99716
```
#c99716 rgb(201,151,22)
```
#dba417
```
#dba417 rgb(219,164,23)
```

Shade Color Variation

#e7af1f
```
#e7af1f rgb(231,175,31)
```
#e9b531
```
#e9b531 rgb(233,181,49)
```
#ebbc42
```
#ebbc42 rgb(235,188,66)
```
#edc254
```
#edc254 rgb(237,194,84)
```
#efc866
```
#efc866 rgb(239,200,102)
```
#f0cf78
```
#f0cf78 rgb(240,207,120)
```
#f2d589
```
#f2d589 rgb(242,213,137)
```
#f4db9b
```
#f4db9b rgb(244,219,155)
```
#f6e2ad
```
#f6e2ad rgb(246,226,173)
```
#f8e8be
```
#f8e8be rgb(248,232,190)
```
#faeed0
```
#faeed0 rgb(250,238,208)
```
#fcf5e2
```
#fcf5e2 rgb(252,245,226)
```
#fefbf4
```
#fefbf4 rgb(254,251,244)
```

Tint Color Variation

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

#88857e
```
#88857e rgb(136,133,126)
```
#918975
```
#918975 rgb(145,137,117)
```
#9b8d6b
```
#9b8d6b rgb(155,141,107)
```
#a49262
```
#a49262 rgb(164,146,98)
```
#ae9658
```
#ae9658 rgb(174,150,88)
```
#b79a4f
```
#b79a4f rgb(183,154,79)
```
#c19e45
```
#c19e45 rgb(193,158,69)
```
#caa23c
```
#caa23c rgb(202,162,60)
```
#d4a732
```
#d4a732 rgb(212,167,50)
```
#ddab29
```
#ddab29 rgb(221,171,41)
```
#e7af1f
```
#e7af1f rgb(231,175,31)
```
#f1b315
```
#f1b315 rgb(241,179,21)
```
#fab70c
```
#fab70c rgb(250,183,12)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#baaf92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bb2d Protanopia 1% of men
#e9b22b Deuteranopia 1% of men
#f0a7b3 Tritanopia 0.001% of the population

Trichromacy

#d9b727 Protanomaly 1% of men, 0.01% of women
#e8b126 Deuteranomaly 6% of men, 0.4% of women
#edaa7d Tritanomaly 0.01% of the population

#e7af1f hex color

#e7af1f Color Information

#e7af1f Color Conversion

Color Schemes with #e7af1f

Alternatives to #e7af1f

#e7af1f Preview

Shades and Tints of #e7af1f

Tones of #e7af1f

Color Blindness Simulator