#e2ba80 hex color

In a RGB color space, hex #e2ba80 is composed of 88.6% red, 72.9% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.7% magenta, 43.4% yellow and 11.4% black. It has a hue angle of 35.5 degrees, a saturation of 62.8% and a lightness of 69.4%. #e2ba80 color hex could be obtained by blending #ffffff with #c57501. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 89
- G 73
- B 50
RGB color chart
- C 0
- M 18
- Y 43
- K 11
CMYK color chart

● #e2ba80 color description : Very soft orange.

The hexadecimal color #e2ba80 has RGB values of R:226, G:186, B:128 and CMYK values of C:0, M:0.18, Y:0.43, K:0.11. Its decimal value is 14858880.

Hex triplet	e2ba80	`#e2ba80`
RGB Decimal	226, 186, 128	`rgb(226,186,128)`
RGB Percent	88.6, 72.9, 50.2	`rgb(88.6%,72.9%,50.2%)`
CMYK	0, 18, 43, 11
HSL	35.5°, 62.8, 69.4	`hsl(35.5,62.8%,69.4%)`
HSV (or HSB)	35.5°, 43.4, 88.6
Web Safe	cccc99	`#cccc99`

CIE-LAB	77.785, 6.831, 34.758
XYZ	52.819, 52.847, 27.839
xyY	0.396, 0.396, 52.847
CIE-LCH	77.785, 35.423, 78.881
CIE-LUV	77.785, 29.905, 44.102
Hunter-Lab	72.696, 2.476, 28.182
Binary	11100010, 10111010, 10000000

#e2ba80
```
#e2ba80 rgb(226,186,128)
```
#80a8e2
```
#80a8e2 rgb(128,168,226)
```

Complementary Color

#e28980
```
#e28980 rgb(226,137,128)
```
#e2ba80
```
#e2ba80 rgb(226,186,128)
```
#d9e280
```
#d9e280 rgb(217,226,128)
```

Analogous Color

#8980e2
```
#8980e2 rgb(137,128,226)
```
#e2ba80
```
#e2ba80 rgb(226,186,128)
```
#80d9e2
```
#80d9e2 rgb(128,217,226)
```

Split Complementary Color

#ba80e2
```
#ba80e2 rgb(186,128,226)
```
#e2ba80
```
#e2ba80 rgb(226,186,128)
```
#80e2ba
```
#80e2ba rgb(128,226,186)
```

Triadic Color

#e280a8
```
#e280a8 rgb(226,128,168)
```
#e2ba80
```
#e2ba80 rgb(226,186,128)
```
#80e2ba
```
#80e2ba rgb(128,226,186)
```
#80a8e2
```
#80a8e2 rgb(128,168,226)
```

Tetradic Color

#d49842
```
#d49842 rgb(212,152,66)
```
#d9a356
```
#d9a356 rgb(217,163,86)
```
#ddaf6b
```
#ddaf6b rgb(221,175,107)
```
#e2ba80
```
#e2ba80 rgb(226,186,128)
```
#e7c595
```
#e7c595 rgb(231,197,149)
```
#ebd1aa
```
#ebd1aa rgb(235,209,170)
```
#f0dcbe
```
#f0dcbe rgb(240,220,190)
```

Monochromatic Color

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

#e2a280
```
#e2a280 rgb(226,162,128)
```
#e2aa80
```
#e2aa80 rgb(226,170,128)
```
#e2b280
```
#e2b280 rgb(226,178,128)
```
#e2ba80
```
#e2ba80 rgb(226,186,128)
```
#e2c280
```
#e2c280 rgb(226,194,128)
```
#e2ca80
```
#e2ca80 rgb(226,202,128)
```
#e2d380
```
#e2d380 rgb(226,211,128)
```

Similar Colors

Text with hexadecimal color #e2ba80

This text has a font color of #e2ba80.

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

#e2ba80 background color

This paragraph has a background color of #e2ba80.

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

#e2ba80 border color

This element has a border color of #e2ba80.

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

CSS codes

.text {color:#e2ba80;}

.background {background-color:#e2ba80;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110b04
```
#110b04 rgb(17,11,4)
```
#211607
```
#211607 rgb(33,22,7)
```
#31210b
```
#31210b rgb(49,33,11)
```
#412c0f
```
#412c0f rgb(65,44,15)
```
#513712
```
#513712 rgb(81,55,18)
```
#614216
```
#614216 rgb(97,66,22)
```
#714d1a
```
#714d1a rgb(113,77,26)
```
#81581d
```
#81581d rgb(129,88,29)
```
#906321
```
#906321 rgb(144,99,33)
```
#a06e25
```
#a06e25 rgb(160,110,37)
```
#b07928
```
#b07928 rgb(176,121,40)
```
#c0842c
```
#c0842c rgb(192,132,44)
```

Shade Color Variation

#d08f30
```
#d08f30 rgb(208,143,48)
```
#d39740
```
#d39740 rgb(211,151,64)
```
#d7a050
```
#d7a050 rgb(215,160,80)
```
#dba960
```
#dba960 rgb(219,169,96)
```
#deb170
```
#deb170 rgb(222,177,112)
```
#e2ba80
```
#e2ba80 rgb(226,186,128)
```
#e6c390
```
#e6c390 rgb(230,195,144)
```
#e9cba0
```
#e9cba0 rgb(233,203,160)
```
#edd4b0
```
#edd4b0 rgb(237,212,176)
```
#f1ddc0
```
#f1ddc0 rgb(241,221,192)
```
#f4e5d0
```
#f4e5d0 rgb(244,229,208)
```
#f8eee0
```
#f8eee0 rgb(248,238,224)
```
#fcf7f0
```
#fcf7f0 rgb(252,247,240)
```

Tint Color Variation

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

#b2b1b0
```
#b2b1b0 rgb(178,177,176)
```
#b8b2aa
```
#b8b2aa rgb(184,178,170)
```
#beb3a4
```
#beb3a4 rgb(190,179,164)
```
#c4b49e
```
#c4b49e rgb(196,180,158)
```
#cab698
```
#cab698 rgb(202,182,152)
```
#d0b792
```
#d0b792 rgb(208,183,146)
```
#d6b88c
```
#d6b88c rgb(214,184,140)
```
#dcb986
```
#dcb986 rgb(220,185,134)
```
#e2ba80
```
#e2ba80 rgb(226,186,128)
```
#e8bb7a
```
#e8bb7a rgb(232,187,122)
```
#eebc74
```
#eebc74 rgb(238,188,116)
```
#f4bd6e
```
#f4bd6e rgb(244,189,110)
```
#fabe68
```
#fabe68 rgb(250,190,104)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#c6beb2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2c388 Protanopia 1% of men
#e8bb87 Deuteranopia 1% of men
#eab5c2 Tritanopia 0.001% of the population

Trichromacy

#d8bf85 Protanomaly 1% of men, 0.01% of women
#e6bb84 Deuteranomaly 6% of men, 0.4% of women
#e7b7aa Tritanomaly 0.01% of the population

#e2ba80 hex color

#e2ba80 Color Information

#e2ba80 Color Conversion

Color Schemes with #e2ba80

Alternatives to #e2ba80

#e2ba80 Preview

Shades and Tints of #e2ba80

Tones of #e2ba80

Color Blindness Simulator