#e2b966 hex color

In a RGB color space, hex #e2b966 is composed of 88.6% red, 72.5% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.1% magenta, 54.9% yellow and 11.4% black. It has a hue angle of 40.2 degrees, a saturation of 68.1% and a lightness of 64.3%. #e2b966 color hex could be obtained by blending #ffffcc with #c57300. Closest websafe color is: #cccc66.

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

● #e2b966 color description : Soft orange.

The hexadecimal color #e2b966 has RGB values of R:226, G:185, B:102 and CMYK values of C:0, M:0.18, Y:0.55, K:0.11. Its decimal value is 14858598.

Hex triplet	e2b966	`#e2b966`
RGB Decimal	226, 185, 102	`rgb(226,185,102)`
RGB Percent	88.6, 72.5, 40	`rgb(88.6%,72.5%,40%)`
CMYK	0, 18, 55, 11
HSL	40.2°, 68.1, 64.3	`hsl(40.2,68.1%,64.3%)`
HSV (or HSB)	40.2°, 54.9, 88.6
Web Safe	cccc66	`#cccc66`

CIE-LAB	77.178, 4.968, 47.187
XYZ	51.112, 51.828, 19.881
xyY	0.416, 0.422, 51.828
CIE-LCH	77.178, 47.448, 83.99
CIE-LUV	77.178, 32.454, 57.032
Hunter-Lab	71.992, 0.743, 34.021
Binary	11100010, 10111001, 01100110

#e2b966
```
#e2b966 rgb(226,185,102)
```
#668fe2
```
#668fe2 rgb(102,143,226)
```

Complementary Color

#e27b66
```
#e27b66 rgb(226,123,102)
```
#e2b966
```
#e2b966 rgb(226,185,102)
```
#cde266
```
#cde266 rgb(205,226,102)
```

Analogous Color

#7b66e2
```
#7b66e2 rgb(123,102,226)
```
#e2b966
```
#e2b966 rgb(226,185,102)
```
#66cde2
```
#66cde2 rgb(102,205,226)
```

Split Complementary Color

#b966e2
```
#b966e2 rgb(185,102,226)
```
#e2b966
```
#e2b966 rgb(226,185,102)
```
#66e2b9
```
#66e2b9 rgb(102,226,185)
```

Triadic Color

#e2668f
```
#e2668f rgb(226,102,143)
```
#e2b966
```
#e2b966 rgb(226,185,102)
```
#66e2b9
```
#66e2b9 rgb(102,226,185)
```
#668fe2
```
#668fe2 rgb(102,143,226)
```

Tetradic Color

#d39b28
```
#d39b28 rgb(211,155,40)
```
#daa53b
```
#daa53b rgb(218,165,59)
```
#deaf51
```
#deaf51 rgb(222,175,81)
```
#e2b966
```
#e2b966 rgb(226,185,102)
```
#e6c37b
```
#e6c37b rgb(230,195,123)
```
#eacd91
```
#eacd91 rgb(234,205,145)
```
#eed6a6
```
#eed6a6 rgb(238,214,166)
```

Monochromatic Color

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

#e29a66
```
#e29a66 rgb(226,154,102)
```
#e2a466
```
#e2a466 rgb(226,164,102)
```
#e2af66
```
#e2af66 rgb(226,175,102)
```
#e2b966
```
#e2b966 rgb(226,185,102)
```
#e2c366
```
#e2c366 rgb(226,195,102)
```
#e2ce66
```
#e2ce66 rgb(226,206,102)
```
#e2d866
```
#e2d866 rgb(226,216,102)
```

Similar Colors

Text with hexadecimal color #e2b966

This text has a font color of #e2b966.

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

#e2b966 background color

This paragraph has a background color of #e2b966.

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

#e2b966 border color

This element has a border color of #e2b966.

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

CSS codes

.text {color:#e2b966;}

.background {background-color:#e2b966;}

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

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

#0c0902
```
#0c0902 rgb(12,9,2)
```
#1c1505
```
#1c1505 rgb(28,21,5)
```
#2d2109
```
#2d2109 rgb(45,33,9)
```
#3d2d0c
```
#3d2d0c rgb(61,45,12)
```
#4e390f
```
#4e390f rgb(78,57,15)
```
#5e4512
```
#5e4512 rgb(94,69,18)
```
#6f5115
```
#6f5115 rgb(111,81,21)
```
#7f5d18
```
#7f5d18 rgb(127,93,24)
```
#90691b
```
#90691b rgb(144,105,27)
```
#a0751e
```
#a0751e rgb(160,117,30)
```
#b18122
```
#b18122 rgb(177,129,34)
```
#c18d25
```
#c18d25 rgb(193,141,37)
```
#d29a28
```
#d29a28 rgb(210,154,40)
```

Shade Color Variation

#d9a235
```
#d9a235 rgb(217,162,53)
```
#dcaa45
```
#dcaa45 rgb(220,170,69)
```
#dfb156
```
#dfb156 rgb(223,177,86)
```
#e2b966
```
#e2b966 rgb(226,185,102)
```
#e5c176
```
#e5c176 rgb(229,193,118)
```
#e8c887
```
#e8c887 rgb(232,200,135)
```
#ebd097
```
#ebd097 rgb(235,208,151)
```
#efd7a8
```
#efd7a8 rgb(239,215,168)
```
#f2dfb8
```
#f2dfb8 rgb(242,223,184)
```
#f5e6c9
```
#f5e6c9 rgb(245,230,201)
```
#f8eed9
```
#f8eed9 rgb(248,238,217)
```
#fbf5ea
```
#fbf5ea rgb(251,245,234)
```
#fefdfa
```
#fefdfa rgb(254,253,250)
```

Tint Color Variation

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

#aaa69e
```
#aaa69e rgb(170,166,158)
```
#b1a897
```
#b1a897 rgb(177,168,151)
```
#b8ab90
```
#b8ab90 rgb(184,171,144)
```
#bfad89
```
#bfad89 rgb(191,173,137)
```
#c6b082
```
#c6b082 rgb(198,176,130)
```
#cdb27b
```
#cdb27b rgb(205,178,123)
```
#d4b474
```
#d4b474 rgb(212,180,116)
```
#dbb76d
```
#dbb76d rgb(219,183,109)
```
#e2b966
```
#e2b966 rgb(226,185,102)
```
#e9bb5f
```
#e9bb5f rgb(233,187,95)
```
#f0be58
```
#f0be58 rgb(240,190,88)
```
#f7c051
```
#f7c051 rgb(247,192,81)
```
#fec24a
```
#fec24a rgb(254,194,74)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#c4bbab Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4c26f Protanopia 1% of men
#ebb96e Deuteranopia 1% of men
#ebb3bf Tritanopia 0.001% of the population

Trichromacy

#d9be6c Protanomaly 1% of men, 0.01% of women
#e7b96b Deuteranomaly 6% of men, 0.4% of women
#e8b59f Tritanomaly 0.01% of the population

#e2b966 hex color

#e2b966 Color Information

#e2b966 Color Conversion

Color Schemes with #e2b966

Alternatives to #e2b966

#e2b966 Preview

Shades and Tints of #e2b966

Tones of #e2b966

Color Blindness Simulator