#e7c31f hex color

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

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

● #e7c31f color description : Vivid yellow.

The hexadecimal color #e7c31f has RGB values of R:231, G:195, B:31 and CMYK values of C:0, M:0.16, Y:0.87, K:0.09. Its decimal value is 15188767.

Hex triplet	e7c31f	`#e7c31f`
RGB Decimal	231, 195, 31	`rgb(231,195,31)`
RGB Percent	90.6, 76.5, 12.2	`rgb(90.6%,76.5%,12.2%)`
CMYK	0, 16, 87, 9
HSL	49.2°, 80.6, 51.4	`hsl(49.2,80.6%,51.4%)`
HSV (or HSB)	49.2°, 86.6, 90.6
Web Safe	ffcc33	`#ffcc33`

CIE-LAB	79.682, -1.611, 76.727
XYZ	52.718, 56.12, 9.352
xyY	0.446, 0.475, 56.12
CIE-LCH	79.682, 76.744, 91.202
CIE-LUV	79.682, 31.831, 81.971
Hunter-Lab	74.913, -5.484, 45.038
Binary	11100111, 11000011, 00011111

#e7c31f
```
#e7c31f rgb(231,195,31)
```
#1f43e7
```
#1f43e7 rgb(31,67,231)
```

Complementary Color

#e75f1f
```
#e75f1f rgb(231,95,31)
```
#e7c31f
```
#e7c31f rgb(231,195,31)
```
#a7e71f
```
#a7e71f rgb(167,231,31)
```

Analogous Color

#5f1fe7
```
#5f1fe7 rgb(95,31,231)
```
#e7c31f
```
#e7c31f rgb(231,195,31)
```
#1fa7e7
```
#1fa7e7 rgb(31,167,231)
```

Split Complementary Color

#c31fe7
```
#c31fe7 rgb(195,31,231)
```
#e7c31f
```
#e7c31f rgb(231,195,31)
```
#1fe7c3
```
#1fe7c3 rgb(31,231,195)
```

Triadic Color

#e71f43
```
#e71f43 rgb(231,31,67)
```
#e7c31f
```
#e7c31f rgb(231,195,31)
```
#1fe7c3
```
#1fe7c3 rgb(31,231,195)
```
#1f43e7
```
#1f43e7 rgb(31,67,231)
```

Tetradic Color

#a88d12
```
#a88d12 rgb(168,141,18)
```
#bfa014
```
#bfa014 rgb(191,160,20)
```
#d6b317
```
#d6b317 rgb(214,179,23)
```
#e7c31f
```
#e7c31f rgb(231,195,31)
```
#e9c936
```
#e9c936 rgb(233,201,54)
```
#eccf4d
```
#eccf4d rgb(236,207,77)
```
#eed664
```
#eed664 rgb(238,214,100)
```

Monochromatic Color

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

#e7911f
```
#e7911f rgb(231,145,31)
```
#e7a21f
```
#e7a21f rgb(231,162,31)
```
#e7b21f
```
#e7b21f rgb(231,178,31)
```
#e7c31f
```
#e7c31f rgb(231,195,31)
```
#e7d41f
```
#e7d41f rgb(231,212,31)
```
#e7e41f
```
#e7e41f rgb(231,228,31)
```
#d9e71f
```
#d9e71f rgb(217,231,31)
```

Similar Colors

Text with hexadecimal color #e7c31f

This text has a font color of #e7c31f.

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

#e7c31f background color

This paragraph has a background color of #e7c31f.

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

#e7c31f border color

This element has a border color of #e7c31f.

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

CSS codes

.text {color:#e7c31f;}

.background {background-color:#e7c31f;}

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

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 #fefcf4 is the lightest one.

#060501
```
#060501 rgb(6,5,1)
```
#181403
```
#181403 rgb(24,20,3)
```
#2a2304
```
#2a2304 rgb(42,35,4)
```
#3b3206
```
#3b3206 rgb(59,50,6)
```
#4d4108
```
#4d4108 rgb(77,65,8)
```
#5f500a
```
#5f500a rgb(95,80,10)
```
#715f0c
```
#715f0c rgb(113,95,12)
```
#826d0e
```
#826d0e rgb(130,109,14)
```
#947c10
```
#947c10 rgb(148,124,16)
```
#a68b12
```
#a68b12 rgb(166,139,18)
```
#b79a14
```
#b79a14 rgb(183,154,20)
```
#c9a916
```
#c9a916 rgb(201,169,22)
```
#dbb817
```
#dbb817 rgb(219,184,23)
```

Shade Color Variation

#e7c31f
```
#e7c31f rgb(231,195,31)
```
#e9c831
```
#e9c831 rgb(233,200,49)
```
#ebcc42
```
#ebcc42 rgb(235,204,66)
```
#edd154
```
#edd154 rgb(237,209,84)
```
#efd666
```
#efd666 rgb(239,214,102)
```
#f0db78
```
#f0db78 rgb(240,219,120)
```
#f2df89
```
#f2df89 rgb(242,223,137)
```
#f4e49b
```
#f4e49b rgb(244,228,155)
```
#f6e9ad
```
#f6e9ad rgb(246,233,173)
```
#f8eebe
```
#f8eebe rgb(248,238,190)
```
#faf2d0
```
#faf2d0 rgb(250,242,208)
```
#fcf7e2
```
#fcf7e2 rgb(252,247,226)
```
#fefcf4
```
#fefcf4 rgb(254,252,244)
```

Tint Color Variation

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

#88867e
```
#88867e rgb(136,134,126)
```
#918c75
```
#918c75 rgb(145,140,117)
```
#9b926b
```
#9b926b rgb(155,146,107)
```
#a49862
```
#a49862 rgb(164,152,98)
```
#ae9e58
```
#ae9e58 rgb(174,158,88)
```
#b7a44f
```
#b7a44f rgb(183,164,79)
```
#c1ab45
```
#c1ab45 rgb(193,171,69)
```
#cab13c
```
#cab13c rgb(202,177,60)
```
#d4b732
```
#d4b732 rgb(212,183,50)
```
#ddbd29
```
#ddbd29 rgb(221,189,41)
```
#e7c31f
```
#e7c31f rgb(231,195,31)
```
#f1c915
```
#f1c915 rgb(241,201,21)
```
#facf0c
```
#facf0c rgb(250,207,12)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#c4bd9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0c82b Protanopia 1% of men
#fabe30 Deuteranopia 1% of men
#f3b9c6 Tritanopia 0.001% of the population

Trichromacy

#e2c626 Protanomaly 1% of men, 0.01% of women
#f3c029 Deuteranomaly 6% of men, 0.4% of women
#eebc89 Tritanomaly 0.01% of the population

#e7c31f hex color

#e7c31f Color Information

#e7c31f Color Conversion

Color Schemes with #e7c31f

Alternatives to #e7c31f

#e7c31f Preview

Shades and Tints of #e7c31f

Tones of #e7c31f

Color Blindness Simulator