#e2bb86 hex color

In a RGB color space, hex #e2bb86 is composed of 88.6% red, 73.3% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.3% magenta, 40.7% yellow and 11.4% black. It has a hue angle of 34.6 degrees, a saturation of 61.3% and a lightness of 70.6%. #e2bb86 color hex could be obtained by blending #ffffff with #c5770d. Closest websafe color is: #cccc99.

♥
- f
- t
- g
- R 89
- G 73
- B 53
RGB color chart
- C 0
- M 17
- Y 41
- K 11
CMYK color chart

● #e2bb86 color description : Very soft orange.

The hexadecimal color #e2bb86 has RGB values of R:226, G:187, B:134 and CMYK values of C:0, M:0.17, Y:0.41, K:0.11. Its decimal value is 14859142.

Hex triplet	e2bb86	`#e2bb86`
RGB Decimal	226, 187, 134	`rgb(226,187,134)`
RGB Percent	88.6, 73.3, 52.5	`rgb(88.6%,73.3%,52.5%)`
CMYK	0, 17, 41, 11
HSL	34.6°, 61.3, 70.6	`hsl(34.6,61.3%,70.6%)`
HSV (or HSB)	34.6°, 40.7, 88.6
Web Safe	cccc99	`#cccc99`

CIE-LAB	78.13, 6.941, 32.076
XYZ	53.437, 53.432, 30.052
xyY	0.39, 0.39, 53.432
CIE-LCH	78.13, 32.818, 77.789
CIE-LUV	78.13, 28.775, 41.137
Hunter-Lab	73.098, 2.57, 26.793
Binary	11100010, 10111011, 10000110

#e2bb86
```
#e2bb86 rgb(226,187,134)
```
#86ade2
```
#86ade2 rgb(134,173,226)
```

Complementary Color

#e28d86
```
#e28d86 rgb(226,141,134)
```
#e2bb86
```
#e2bb86 rgb(226,187,134)
```
#dbe286
```
#dbe286 rgb(219,226,134)
```

Analogous Color

#8d86e2
```
#8d86e2 rgb(141,134,226)
```
#e2bb86
```
#e2bb86 rgb(226,187,134)
```
#86dbe2
```
#86dbe2 rgb(134,219,226)
```

Split Complementary Color

#bb86e2
```
#bb86e2 rgb(187,134,226)
```
#e2bb86
```
#e2bb86 rgb(226,187,134)
```
#86e2bb
```
#86e2bb rgb(134,226,187)
```

Triadic Color

#e286ad
```
#e286ad rgb(226,134,173)
```
#e2bb86
```
#e2bb86 rgb(226,187,134)
```
#86e2bb
```
#86e2bb rgb(134,226,187)
```
#86ade2
```
#86ade2 rgb(134,173,226)
```

Tetradic Color

#d39848
```
#d39848 rgb(211,152,72)
```
#d8a45d
```
#d8a45d rgb(216,164,93)
```
#ddaf71
```
#ddaf71 rgb(221,175,113)
```
#e2bb86
```
#e2bb86 rgb(226,187,134)
```
#e7c79b
```
#e7c79b rgb(231,199,155)
```
#ecd2af
```
#ecd2af rgb(236,210,175)
```
#f1dec4
```
#f1dec4 rgb(241,222,196)
```

Monochromatic Color

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

#e2a486
```
#e2a486 rgb(226,164,134)
```
#e2ac86
```
#e2ac86 rgb(226,172,134)
```
#e2b386
```
#e2b386 rgb(226,179,134)
```
#e2bb86
```
#e2bb86 rgb(226,187,134)
```
#e2c386
```
#e2c386 rgb(226,195,134)
```
#e2ca86
```
#e2ca86 rgb(226,202,134)
```
#e2d286
```
#e2d286 rgb(226,210,134)
```

Similar Colors

Text with hexadecimal color #e2bb86

This text has a font color of #e2bb86.

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

#e2bb86 background color

This paragraph has a background color of #e2bb86.

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

#e2bb86 border color

This element has a border color of #e2bb86.

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

CSS codes

.text {color:#e2bb86;}

.background {background-color:#e2bb86;}

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

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

#060401
```
#060401 rgb(6,4,1)
```
#150f05
```
#150f05 rgb(21,15,5)
```
#251909
```
#251909 rgb(37,25,9)
```
#35240d
```
#35240d rgb(53,36,13)
```
#452f11
```
#452f11 rgb(69,47,17)
```
#553914
```
#553914 rgb(85,57,20)
```
#654418
```
#654418 rgb(101,68,24)
```
#744f1c
```
#744f1c rgb(116,79,28)
```
#845a20
```
#845a20 rgb(132,90,32)
```
#946423
```
#946423 rgb(148,100,35)
```
#a46f27
```
#a46f27 rgb(164,111,39)
```
#b47a2b
```
#b47a2b rgb(180,122,43)
```
#c3842f
```
#c3842f rgb(195,132,47)
```

Shade Color Variation

#cf8f37
```
#cf8f37 rgb(207,143,55)
```
#d39747
```
#d39747 rgb(211,151,71)
```
#d7a057
```
#d7a057 rgb(215,160,87)
```
#daa966
```
#daa966 rgb(218,169,102)
```
#deb276
```
#deb276 rgb(222,178,118)
```
#e2bb86
```
#e2bb86 rgb(226,187,134)
```
#e6c496
```
#e6c496 rgb(230,196,150)
```
#eacda6
```
#eacda6 rgb(234,205,166)
```
#edd6b5
```
#edd6b5 rgb(237,214,181)
```
#f1dfc5
```
#f1dfc5 rgb(241,223,197)
```
#f5e7d5
```
#f5e7d5 rgb(245,231,213)
```
#f9f0e5
```
#f9f0e5 rgb(249,240,229)
```
#fdf9f5
```
#fdf9f5 rgb(253,249,245)
```

Tint Color Variation

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

#bab5ae
```
#bab5ae rgb(186,181,174)
```
#bfb6a9
```
#bfb6a9 rgb(191,182,169)
```
#c5b7a3
```
#c5b7a3 rgb(197,183,163)
```
#cbb79d
```
#cbb79d rgb(203,183,157)
```
#d1b897
```
#d1b897 rgb(209,184,151)
```
#d6b992
```
#d6b992 rgb(214,185,146)
```
#dcba8c
```
#dcba8c rgb(220,186,140)
```
#e2bb86
```
#e2bb86 rgb(226,187,134)
```
#e8bc80
```
#e8bc80 rgb(232,188,128)
```
#eebd7a
```
#eebd7a rgb(238,189,122)
```
#f3be75
```
#f3be75 rgb(243,190,117)
```
#f9bf6f
```
#f9bf6f rgb(249,191,111)
```
#ffbf69
```
#ffbf69 rgb(255,191,105)
```

Tone Color Variation

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

Dichromacy

#d3c48e Protanopia 1% of men
#e8bc8c Deuteranopia 1% of men
#e9b7c3 Tritanopia 0.001% of the population

Trichromacy

#d8c08b Protanomaly 1% of men, 0.01% of women
#e6bc8a Deuteranomaly 6% of men, 0.4% of women
#e6b8ad Tritanomaly 0.01% of the population

#e2bb86 hex color

#e2bb86 Color Information

#e2bb86 Color Conversion

Color Schemes with #e2bb86

Alternatives to #e2bb86

#e2bb86 Preview

Shades and Tints of #e2bb86

Tones of #e2bb86

Color Blindness Simulator