#e7c214 hex color

In a RGB color space, hex #e7c214 is composed of 90.6% red, 76.1% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16% magenta, 91.3% yellow and 9.4% black. It has a hue angle of 49.5 degrees, a saturation of 84.1% and a lightness of 49.2%. #e7c214 color hex could be obtained by blending #ffff28 with #cf8500. Closest websafe color is: #ffcc00.

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

● #e7c214 color description : Vivid yellow.

The hexadecimal color #e7c214 has RGB values of R:231, G:194, B:20 and CMYK values of C:0, M:0.16, Y:0.91, K:0.09. Its decimal value is 15188500.

Hex triplet	e7c214	`#e7c214`
RGB Decimal	231, 194, 20	`rgb(231,194,20)`
RGB Percent	90.6, 76.1, 7.8	`rgb(90.6%,76.1%,7.8%)`
CMYK	0, 16, 91, 9
HSL	49.5°, 84.1, 49.2	`hsl(49.5,84.1%,49.2%)`
HSV (or HSB)	49.5°, 91.3, 90.6
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	79.4, -1.291, 78.539
XYZ	52.374, 55.625, 8.64
xyY	0.449, 0.477, 55.625
CIE-LCH	79.4, 78.55, 90.941
CIE-LUV	79.4, 32.722, 82.775
Hunter-Lab	74.582, -5.171, 45.339
Binary	11100111, 11000010, 00010100

#e7c214
```
#e7c214 rgb(231,194,20)
```
#1439e7
```
#1439e7 rgb(20,57,231)
```

Complementary Color

#e75914
```
#e75914 rgb(231,89,20)
```
#e7c214
```
#e7c214 rgb(231,194,20)
```
#a3e714
```
#a3e714 rgb(163,231,20)
```

Analogous Color

#5914e7
```
#5914e7 rgb(89,20,231)
```
#e7c214
```
#e7c214 rgb(231,194,20)
```
#14a3e7
```
#14a3e7 rgb(20,163,231)
```

Split Complementary Color

#c214e7
```
#c214e7 rgb(194,20,231)
```
#e7c214
```
#e7c214 rgb(231,194,20)
```
#14e7c2
```
#14e7c2 rgb(20,231,194)
```

Triadic Color

#e71439
```
#e71439 rgb(231,20,57)
```
#e7c214
```
#e7c214 rgb(231,194,20)
```
#14e7c2
```
#14e7c2 rgb(20,231,194)
```
#1439e7
```
#1439e7 rgb(20,57,231)
```

Tetradic Color

#a1870e
```
#a1870e rgb(161,135,14)
```
#b89b10
```
#b89b10 rgb(184,155,16)
```
#d0ae12
```
#d0ae12 rgb(208,174,18)
```
#e7c214
```
#e7c214 rgb(231,194,20)
```
#ecca28
```
#ecca28 rgb(236,202,40)
```
#eed040
```
#eed040 rgb(238,208,64)
```
#f0d657
```
#f0d657 rgb(240,214,87)
```

Monochromatic Color

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

#e78d14
```
#e78d14 rgb(231,141,20)
```
#e79f14
```
#e79f14 rgb(231,159,20)
```
#e7b014
```
#e7b014 rgb(231,176,20)
```
#e7c214
```
#e7c214 rgb(231,194,20)
```
#e7d414
```
#e7d414 rgb(231,212,20)
```
#e7e514
```
#e7e514 rgb(231,229,20)
```
#d7e714
```
#d7e714 rgb(215,231,20)
```

Similar Colors

Text with hexadecimal color #e7c214

This text has a font color of #e7c214.

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

#e7c214 background color

This paragraph has a background color of #e7c214.

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

#e7c214 border color

This element has a border color of #e7c214.

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

CSS codes

.text {color:#e7c214;}

.background {background-color:#e7c214;}

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

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, #0e0c01 is the darkest color, while #fffefb is the lightest one.

#0e0c01
```
#0e0c01 rgb(14,12,1)
```
#201b03
```
#201b03 rgb(32,27,3)
```
#322a04
```
#322a04 rgb(50,42,4)
```
#453a06
```
#453a06 rgb(69,58,6)
```
#574907
```
#574907 rgb(87,73,7)
```
#695809
```
#695809 rgb(105,88,9)
```
#7b670b
```
#7b670b rgb(123,103,11)
```
#8d760c
```
#8d760c rgb(141,118,12)
```
#9f850e
```
#9f850e rgb(159,133,14)
```
#b1950f
```
#b1950f rgb(177,149,15)
```
#c3a411
```
#c3a411 rgb(195,164,17)
```
#d5b312
```
#d5b312 rgb(213,179,18)
```
#e7c214
```
#e7c214 rgb(231,194,20)
```

Shade Color Variation

#ecc923
```
#ecc923 rgb(236,201,35)
```
#edcd35
```
#edcd35 rgb(237,205,53)
```
#efd247
```
#efd247 rgb(239,210,71)
```
#f1d659
```
#f1d659 rgb(241,214,89)
```
#f2da6b
```
#f2da6b rgb(242,218,107)
```
#f4df7d
```
#f4df7d rgb(244,223,125)
```
#f5e38f
```
#f5e38f rgb(245,227,143)
```
#f7e8a1
```
#f7e8a1 rgb(247,232,161)
```
#f8ecb3
```
#f8ecb3 rgb(248,236,179)
```
#faf1c5
```
#faf1c5 rgb(250,241,197)
```
#fcf5d7
```
#fcf5d7 rgb(252,245,215)
```
#fdfae9
```
#fdfae9 rgb(253,250,233)
```
#fffefb
```
#fffefb rgb(255,254,251)
```

Tint Color Variation

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

#868375
```
#868375 rgb(134,131,117)
```
#908a6b
```
#908a6b rgb(144,138,107)
```
#9a9061
```
#9a9061 rgb(154,144,97)
```
#a39658
```
#a39658 rgb(163,150,88)
```
#ad9c4e
```
#ad9c4e rgb(173,156,78)
```
#b7a344
```
#b7a344 rgb(183,163,68)
```
#c0a93b
```
#c0a93b rgb(192,169,59)
```
#caaf31
```
#caaf31 rgb(202,175,49)
```
#d4b527
```
#d4b527 rgb(212,181,39)
```
#ddbc1e
```
#ddbc1e rgb(221,188,30)
```
#e7c214
```
#e7c214 rgb(231,194,20)
```
#f1c80a
```
#f1c80a rgb(241,200,10)
```
#facf01
```
#facf01 rgb(250,207,1)
```

Tone Color Variation

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

Dichromacy

#dfc821 Protanopia 1% of men
#f9be27 Deuteranopia 1% of men
#f3b8c4 Tritanopia 0.001% of the population

Trichromacy

#e2c51c Protanomaly 1% of men, 0.01% of women
#f2bf20 Deuteranomaly 6% of men, 0.4% of women
#eebb84 Tritanomaly 0.01% of the population

#e7c214 hex color

#e7c214 Color Information

#e7c214 Color Conversion

Color Schemes with #e7c214

Alternatives to #e7c214

#e7c214 Preview

Shades and Tints of #e7c214

Tones of #e7c214

Color Blindness Simulator