#e0c31f hex color

In a RGB color space, hex #e0c31f is composed of 87.8% red, 76.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 12.9% magenta, 86.2% yellow and 12.2% black. It has a hue angle of 51 degrees, a saturation of 75.7% and a lightness of 50%. #e0c31f color hex could be obtained by blending #ffff3e with #c18700. Closest websafe color is: #cccc33.

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

● #e0c31f color description : Vivid yellow.

The hexadecimal color #e0c31f has RGB values of R:224, G:195, B:31 and CMYK values of C:0, M:0.13, Y:0.86, K:0.12. Its decimal value is 14730015.

Hex triplet	e0c31f	`#e0c31f`
RGB Decimal	224, 195, 31	`rgb(224,195,31)`
RGB Percent	87.8, 76.5, 12.2	`rgb(87.8%,76.5%,12.2%)`
CMYK	0, 13, 86, 12
HSL	51°, 75.7, 50	`hsl(51,75.7%,50%)`
HSV (or HSB)	51°, 86.2, 87.8
Web Safe	cccc33	`#cccc33`

CIE-LAB	79.029, -4.629, 75.928
XYZ	50.503, 54.978, 9.248
xyY	0.44, 0.479, 54.978
CIE-LCH	79.029, 76.069, 93.489
CIE-LUV	79.029, 26.603, 81.848
Hunter-Lab	74.147, -8.177, 44.508
Binary	11100000, 11000011, 00011111

#e0c31f
```
#e0c31f rgb(224,195,31)
```
#1f3ce0
```
#1f3ce0 rgb(31,60,224)
```

Complementary Color

#e0631f
```
#e0631f rgb(224,99,31)
```
#e0c31f
```
#e0c31f rgb(224,195,31)
```
#9de01f
```
#9de01f rgb(157,224,31)
```

Analogous Color

#631fe0
```
#631fe0 rgb(99,31,224)
```
#e0c31f
```
#e0c31f rgb(224,195,31)
```
#1f9de0
```
#1f9de0 rgb(31,157,224)
```

Split Complementary Color

#c31fe0
```
#c31fe0 rgb(195,31,224)
```
#e0c31f
```
#e0c31f rgb(224,195,31)
```
#1fe0c3
```
#1fe0c3 rgb(31,224,195)
```

Triadic Color

#e01f3c
```
#e01f3c rgb(224,31,60)
```
#e0c31f
```
#e0c31f rgb(224,195,31)
```
#1fe0c3
```
#1fe0c3 rgb(31,224,195)
```
#1f3ce0
```
#1f3ce0 rgb(31,60,224)
```

Tetradic Color

#9d8916
```
#9d8916 rgb(157,137,22)
```
#b39c19
```
#b39c19 rgb(179,156,25)
```
#cab01c
```
#cab01c rgb(202,176,28)
```
#e0c31f
```
#e0c31f rgb(224,195,31)
```
#e3c935
```
#e3c935 rgb(227,201,53)
```
#e6cf4c
```
#e6cf4c rgb(230,207,76)
```
#e9d562
```
#e9d562 rgb(233,213,98)
```

Monochromatic Color

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

#e0931f
```
#e0931f rgb(224,147,31)
```
#e0a31f
```
#e0a31f rgb(224,163,31)
```
#e0b31f
```
#e0b31f rgb(224,179,31)
```
#e0c31f
```
#e0c31f rgb(224,195,31)
```
#e0d31f
```
#e0d31f rgb(224,211,31)
```
#dde01f
```
#dde01f rgb(221,224,31)
```
#cde01f
```
#cde01f rgb(205,224,31)
```

Similar Colors

Text with hexadecimal color #e0c31f

This text has a font color of #e0c31f.

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

#e0c31f background color

This paragraph has a background color of #e0c31f.

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

#e0c31f border color

This element has a border color of #e0c31f.

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

CSS codes

.text {color:#e0c31f;}

.background {background-color:#e0c31f;}

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

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, #110f02 is the darkest color, while #ffffff is the lightest one.

#110f02
```
#110f02 rgb(17,15,2)
```
#221e05
```
#221e05 rgb(34,30,5)
```
#342d07
```
#342d07 rgb(52,45,7)
```
#453c0a
```
#453c0a rgb(69,60,10)
```
#564b0c
```
#564b0c rgb(86,75,12)
```
#675a0e
```
#675a0e rgb(103,90,14)
```
#796911
```
#796911 rgb(121,105,17)
```
#8a7813
```
#8a7813 rgb(138,120,19)
```
#9b8715
```
#9b8715 rgb(155,135,21)
```
#ac9618
```
#ac9618 rgb(172,150,24)
```
#bea51a
```
#bea51a rgb(190,165,26)
```
#cfb41d
```
#cfb41d rgb(207,180,29)
```
#e0c31f
```
#e0c31f rgb(224,195,31)
```

Shade Color Variation

#e2c830
```
#e2c830 rgb(226,200,48)
```
#e5cc41
```
#e5cc41 rgb(229,204,65)
```
#e7d153
```
#e7d153 rgb(231,209,83)
```
#ead564
```
#ead564 rgb(234,213,100)
```
#ecda75
```
#ecda75 rgb(236,218,117)
```
#eedf86
```
#eedf86 rgb(238,223,134)
```
#f1e398
```
#f1e398 rgb(241,227,152)
```
#f3e8a9
```
#f3e8a9 rgb(243,232,169)
```
#f5edba
```
#f5edba rgb(245,237,186)
```
#f8f1cb
```
#f8f1cb rgb(248,241,203)
```
#faf6dd
```
#faf6dd rgb(250,246,221)
```
#fdfaee
```
#fdfaee rgb(253,250,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#888577
```
#888577 rgb(136,133,119)
```
#928c6d
```
#928c6d rgb(146,140,109)
```
#9b9364
```
#9b9364 rgb(155,147,100)
```
#a59a5a
```
#a59a5a rgb(165,154,90)
```
#afa150
```
#afa150 rgb(175,161,80)
```
#b9a846
```
#b9a846 rgb(185,168,70)
```
#c3ae3c
```
#c3ae3c rgb(195,174,60)
```
#ccb533
```
#ccb533 rgb(204,181,51)
```
#d6bc29
```
#d6bc29 rgb(214,188,41)
```
#e0c31f
```
#e0c31f rgb(224,195,31)
```
#eaca15
```
#eaca15 rgb(234,202,21)
```
#f4d10b
```
#f4d10b rgb(244,209,11)
```
#fdd802
```
#fdd802 rgb(253,216,2)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#c1bb9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec72a Protanopia 1% of men
#f7bd31 Deuteranopia 1% of men
#edb9c6 Tritanopia 0.001% of the population

Trichromacy

#dfc526 Protanomaly 1% of men, 0.01% of women
#efbf2a Deuteranomaly 6% of men, 0.4% of women
#e8bc89 Tritanomaly 0.01% of the population

#e0c31f hex color

#e0c31f Color Information

#e0c31f Color Conversion

Color Schemes with #e0c31f

Alternatives to #e0c31f

#e0c31f Preview

Shades and Tints of #e0c31f

Tones of #e0c31f

Color Blindness Simulator