#e2d31f hex color

In a RGB color space, hex #e2d31f is composed of 88.6% red, 82.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.6% magenta, 86.3% yellow and 11.4% black. It has a hue angle of 55.4 degrees, a saturation of 77.1% and a lightness of 50.4%. #e2d31f color hex could be obtained by blending #ffff3e with #c5a700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 89
- G 83
- B 12
RGB color chart
- C 0
- M 7
- Y 86
- K 11
CMYK color chart

● #e2d31f color description : Vivid yellow.

The hexadecimal color #e2d31f has RGB values of R:226, G:211, B:31 and CMYK values of C:0, M:0.07, Y:0.86, K:0.11. Its decimal value is 14865183.

Hex triplet	e2d31f	`#e2d31f`
RGB Decimal	226, 211, 31	`rgb(226,211,31)`
RGB Percent	88.6, 82.7, 12.2	`rgb(88.6%,82.7%,12.2%)`
CMYK	0, 7, 86, 11
HSL	55.4°, 77.1, 50.4	`hsl(55.4,77.1%,50.4%)`
HSV (or HSB)	55.4°, 86.3, 88.6
Web Safe	cccc33	`#cccc33`

CIE-LAB	83.367, -11.889, 79.501
XYZ	54.906, 62.858, 10.537
xyY	0.428, 0.49, 62.858
CIE-LCH	83.367, 80.385, 98.505
CIE-LUV	83.367, 16.815, 88.041
Hunter-Lab	79.283, -15.128, 47.618
Binary	11100010, 11010011, 00011111

#e2d31f
```
#e2d31f rgb(226,211,31)
```
#1f2ee2
```
#1f2ee2 rgb(31,46,226)
```

Complementary Color

#e2721f
```
#e2721f rgb(226,114,31)
```
#e2d31f
```
#e2d31f rgb(226,211,31)
```
#90e21f
```
#90e21f rgb(144,226,31)
```

Analogous Color

#721fe2
```
#721fe2 rgb(114,31,226)
```
#e2d31f
```
#e2d31f rgb(226,211,31)
```
#1f90e2
```
#1f90e2 rgb(31,144,226)
```

Split Complementary Color

#d31fe2
```
#d31fe2 rgb(211,31,226)
```
#e2d31f
```
#e2d31f rgb(226,211,31)
```
#1fe2d3
```
#1fe2d3 rgb(31,226,211)
```

Triadic Color

#e21f2e
```
#e21f2e rgb(226,31,46)
```
#e2d31f
```
#e2d31f rgb(226,211,31)
```
#1fe2d3
```
#1fe2d3 rgb(31,226,211)
```
#1f2ee2
```
#1f2ee2 rgb(31,46,226)
```

Tetradic Color

#a09515
```
#a09515 rgb(160,149,21)
```
#b6aa18
```
#b6aa18 rgb(182,170,24)
```
#cdbf1b
```
#cdbf1b rgb(205,191,27)
```
#e2d31f
```
#e2d31f rgb(226,211,31)
```
#e5d736
```
#e5d736 rgb(229,215,54)
```
#e8dc4c
```
#e8dc4c rgb(232,220,76)
```
#ebe063
```
#ebe063 rgb(235,224,99)
```

Monochromatic Color

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

#e2a21f
```
#e2a21f rgb(226,162,31)
```
#e2b31f
```
#e2b31f rgb(226,179,31)
```
#e2c31f
```
#e2c31f rgb(226,195,31)
```
#e2d31f
```
#e2d31f rgb(226,211,31)
```
#e1e21f
```
#e1e21f rgb(225,226,31)
```
#d1e21f
```
#d1e21f rgb(209,226,31)
```
#c0e21f
```
#c0e21f rgb(192,226,31)
```

Similar Colors

Text with hexadecimal color #e2d31f

This text has a font color of #e2d31f.

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

#e2d31f background color

This paragraph has a background color of #e2d31f.

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

#e2d31f border color

This element has a border color of #e2d31f.

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

CSS codes

.text {color:#e2d31f;}

.background {background-color:#e2d31f;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#131202
```
#131202 rgb(19,18,2)
```
#252205
```
#252205 rgb(37,34,5)
```
#363207
```
#363207 rgb(54,50,7)
```
#474209
```
#474209 rgb(71,66,9)
```
#59530b
```
#59530b rgb(89,83,11)
```
#6a630e
```
#6a630e rgb(106,99,14)
```
#7b7310
```
#7b7310 rgb(123,115,16)
```
#8d8312
```
#8d8312 rgb(141,131,18)
```
#9e9314
```
#9e9314 rgb(158,147,20)
```
#afa417
```
#afa417 rgb(175,164,23)
```
#c1b419
```
#c1b419 rgb(193,180,25)
```
#d2c41b
```
#d2c41b rgb(210,196,27)
```

Shade Color Variation

#e2d31f
```
#e2d31f rgb(226,211,31)
```
#e4d630
```
#e4d630 rgb(228,214,48)
```
#e6da42
```
#e6da42 rgb(230,218,66)
```
#e9dd53
```
#e9dd53 rgb(233,221,83)
```
#ebe164
```
#ebe164 rgb(235,225,100)
```
#ede476
```
#ede476 rgb(237,228,118)
```
#efe787
```
#efe787 rgb(239,231,135)
```
#f2eb99
```
#f2eb99 rgb(242,235,153)
```
#f4eeaa
```
#f4eeaa rgb(244,238,170)
```
#f6f2bb
```
#f6f2bb rgb(246,242,187)
```
#f8f5cd
```
#f8f5cd rgb(248,245,205)
```
#fbf9de
```
#fbf9de rgb(251,249,222)
```
#fdfcef
```
#fdfcef rgb(253,252,239)
```

Tint Color Variation

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

#818180
```
#818180 rgb(129,129,128)
```
#8a8977
```
#8a8977 rgb(138,137,119)
```
#94916d
```
#94916d rgb(148,145,109)
```
#9e9963
```
#9e9963 rgb(158,153,99)
```
#a8a259
```
#a8a259 rgb(168,162,89)
```
#b1aa50
```
#b1aa50 rgb(177,170,80)
```
#bbb246
```
#bbb246 rgb(187,178,70)
```
#c5ba3c
```
#c5ba3c rgb(197,186,60)
```
#cfc332
```
#cfc332 rgb(207,195,50)
```
#d8cb29
```
#d8cb29 rgb(216,203,41)
```
#e2d31f
```
#e2d31f rgb(226,211,31)
```
#ecdb15
```
#ecdb15 rgb(236,219,21)
```
#f5e30c
```
#f5e30c rgb(245,227,12)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c9c6a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd229 Protanopia 1% of men
#ffc967 Deuteranopia 1% of men
#f0c7d5 Tritanopia 0.001% of the population

Trichromacy

#e8d225 Protanomaly 1% of men, 0.01% of women
#f4cd4d Deuteranomaly 6% of men, 0.4% of women
#ebcb93 Tritanomaly 0.01% of the population

#e2d31f hex color

#e2d31f Color Information

#e2d31f Color Conversion

Color Schemes with #e2d31f

Alternatives to #e2d31f

#e2d31f Preview

Shades and Tints of #e2d31f

Tones of #e2d31f

Color Blindness Simulator