#e2bf76 hex color

In a RGB color space, hex #e2bf76 is composed of 88.6% red, 74.9% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.5% magenta, 47.8% yellow and 11.4% black. It has a hue angle of 40.6 degrees, a saturation of 65.1% and a lightness of 67.5%. #e2bf76 color hex could be obtained by blending #ffffec with #c57f00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 89
- G 75
- B 46
RGB color chart
- C 0
- M 15
- Y 48
- K 11
CMYK color chart

● #e2bf76 color description : Soft orange.

The hexadecimal color #e2bf76 has RGB values of R:226, G:191, B:118 and CMYK values of C:0, M:0.15, Y:0.48, K:0.11. Its decimal value is 14860150.

Hex triplet	e2bf76	`#e2bf76`
RGB Decimal	226, 191, 118	`rgb(226,191,118)`
RGB Percent	88.6, 74.9, 46.3	`rgb(88.6%,74.9%,46.3%)`
CMYK	0, 15, 48, 11
HSL	40.6°, 65.1, 67.5	`hsl(40.6,65.1%,67.5%)`
HSV (or HSB)	40.6°, 47.8, 88.6
Web Safe	cccc66	`#cccc66`

CIE-LAB	78.891, 3.214, 41.303
XYZ	53.265, 54.74, 24.899
xyY	0.401, 0.412, 54.74
CIE-LCH	78.891, 41.428, 85.551
CIE-LUV	78.891, 27.337, 52.065
Hunter-Lab	73.987, -0.97, 31.838
Binary	11100010, 10111111, 01110110

#e2bf76
```
#e2bf76 rgb(226,191,118)
```
#7699e2
```
#7699e2 rgb(118,153,226)
```

Complementary Color

#e28976
```
#e28976 rgb(226,137,118)
```
#e2bf76
```
#e2bf76 rgb(226,191,118)
```
#cfe276
```
#cfe276 rgb(207,226,118)
```

Analogous Color

#8976e2
```
#8976e2 rgb(137,118,226)
```
#e2bf76
```
#e2bf76 rgb(226,191,118)
```
#76cfe2
```
#76cfe2 rgb(118,207,226)
```

Split Complementary Color

#bf76e2
```
#bf76e2 rgb(191,118,226)
```
#e2bf76
```
#e2bf76 rgb(226,191,118)
```
#76e2bf
```
#76e2bf rgb(118,226,191)
```

Triadic Color

#e27699
```
#e27699 rgb(226,118,153)
```
#e2bf76
```
#e2bf76 rgb(226,191,118)
```
#76e2bf
```
#76e2bf rgb(118,226,191)
```
#7699e2
```
#7699e2 rgb(118,153,226)
```

Tetradic Color

#d5a237
```
#d5a237 rgb(213,162,55)
```
#d9ab4c
```
#d9ab4c rgb(217,171,76)
```
#deb561
```
#deb561 rgb(222,181,97)
```
#e2bf76
```
#e2bf76 rgb(226,191,118)
```
#e6c98b
```
#e6c98b rgb(230,201,139)
```
#ebd3a0
```
#ebd3a0 rgb(235,211,160)
```
#efdcb5
```
#efdcb5 rgb(239,220,181)
```

Monochromatic Color

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

#e2a476
```
#e2a476 rgb(226,164,118)
```
#e2ad76
```
#e2ad76 rgb(226,173,118)
```
#e2b676
```
#e2b676 rgb(226,182,118)
```
#e2bf76
```
#e2bf76 rgb(226,191,118)
```
#e2c876
```
#e2c876 rgb(226,200,118)
```
#e2d176
```
#e2d176 rgb(226,209,118)
```
#e2da76
```
#e2da76 rgb(226,218,118)
```

Similar Colors

Text with hexadecimal color #e2bf76

This text has a font color of #e2bf76.

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

#e2bf76 background color

This paragraph has a background color of #e2bf76.

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

#e2bf76 border color

This element has a border color of #e2bf76.

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

CSS codes

.text {color:#e2bf76;}

.background {background-color:#e2bf76;}

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

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

#090602
```
#090602 rgb(9,6,2)
```
#191305
```
#191305 rgb(25,19,5)
```
#291f09
```
#291f09 rgb(41,31,9)
```
#392b0c
```
#392b0c rgb(57,43,12)
```
#493710
```
#493710 rgb(73,55,16)
```
#5a4313
```
#5a4313 rgb(90,67,19)
```
#6a4f16
```
#6a4f16 rgb(106,79,22)
```
#7a5b1a
```
#7a5b1a rgb(122,91,26)
```
#8a671d
```
#8a671d rgb(138,103,29)
```
#9a7321
```
#9a7321 rgb(154,115,33)
```
#ab7f24
```
#ab7f24 rgb(171,127,36)
```
#bb8b28
```
#bb8b28 rgb(187,139,40)
```
#cb972b
```
#cb972b rgb(203,151,43)
```

Shade Color Variation

#d4a135
```
#d4a135 rgb(212,161,53)
```
#d8a845
```
#d8a845 rgb(216,168,69)
```
#dbb056
```
#dbb056 rgb(219,176,86)
```
#dfb766
```
#dfb766 rgb(223,183,102)
```
#e2bf76
```
#e2bf76 rgb(226,191,118)
```
#e5c786
```
#e5c786 rgb(229,199,134)
```
#e9ce96
```
#e9ce96 rgb(233,206,150)
```
#ecd6a7
```
#ecd6a7 rgb(236,214,167)
```
#f0ddb7
```
#f0ddb7 rgb(240,221,183)
```
#f3e5c7
```
#f3e5c7 rgb(243,229,199)
```
#f7ecd7
```
#f7ecd7 rgb(247,236,215)
```
#faf4e7
```
#faf4e7 rgb(250,244,231)
```
#fdfcf8
```
#fdfcf8 rgb(253,252,248)
```

Tint Color Variation

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

#afada9
```
#afada9 rgb(175,173,169)
```
#b5afa3
```
#b5afa3 rgb(181,175,163)
```
#bcb29c
```
#bcb29c rgb(188,178,156)
```
#c2b496
```
#c2b496 rgb(194,180,150)
```
#c8b690
```
#c8b690 rgb(200,182,144)
```
#cfb889
```
#cfb889 rgb(207,184,137)
```
#d5bb83
```
#d5bb83 rgb(213,187,131)
```
#dcbd7c
```
#dcbd7c rgb(220,189,124)
```
#e2bf76
```
#e2bf76 rgb(226,191,118)
```
#e8c170
```
#e8c170 rgb(232,193,112)
```
#efc369
```
#efc369 rgb(239,195,105)
```
#f5c663
```
#f5c663 rgb(245,198,99)
```
#fcc85c
```
#fcc85c rgb(252,200,92)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c8c1b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c67e Protanopia 1% of men
#eebe7e Deuteranopia 1% of men
#ebb9c6 Tritanopia 0.001% of the population

Trichromacy

#dbc37b Protanomaly 1% of men, 0.01% of women
#e9be7b Deuteranomaly 6% of men, 0.4% of women
#e7bba9 Tritanomaly 0.01% of the population

#e2bf76 hex color

#e2bf76 Color Information

#e2bf76 Color Conversion

Color Schemes with #e2bf76

Alternatives to #e2bf76

#e2bf76 Preview

Shades and Tints of #e2bf76

Tones of #e2bf76

Color Blindness Simulator