#e2a166 hex color

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

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

● #e2a166 color description : Soft orange.

The hexadecimal color #e2a166 has RGB values of R:226, G:161, B:102 and CMYK values of C:0, M:0.29, Y:0.55, K:0.11. Its decimal value is 14852454.

Hex triplet	e2a166	`#e2a166`
RGB Decimal	226, 161, 102	`rgb(226,161,102)`
RGB Percent	88.6, 63.1, 40	`rgb(88.6%,63.1%,40%)`
CMYK	0, 29, 55, 11
HSL	28.5°, 68.1, 64.3	`hsl(28.5,68.1%,64.3%)`
HSV (or HSB)	28.5°, 54.9, 88.6
Web Safe	cc9966	`#cc9966`

CIE-LAB	71.297, 17.724, 40.045
XYZ	46.508, 42.62, 18.347
xyY	0.433, 0.397, 42.62
CIE-LCH	71.297, 43.792, 66.125
CIE-LUV	71.297, 49.368, 45.807
Hunter-Lab	65.284, 12.914, 29.037
Binary	11100010, 10100001, 01100110

#e2a166
```
#e2a166 rgb(226,161,102)
```
#66a7e2
```
#66a7e2 rgb(102,167,226)
```

Complementary Color

#e26669
```
#e26669 rgb(226,102,105)
```
#e2a166
```
#e2a166 rgb(226,161,102)
```
#e2df66
```
#e2df66 rgb(226,223,102)
```

Analogous Color

#6669e2
```
#6669e2 rgb(102,105,226)
```
#e2a166
```
#e2a166 rgb(226,161,102)
```
#66e2df
```
#66e2df rgb(102,226,223)
```

Split Complementary Color

#a166e2
```
#a166e2 rgb(161,102,226)
```
#e2a166
```
#e2a166 rgb(226,161,102)
```
#66e2a1
```
#66e2a1 rgb(102,226,161)
```

Triadic Color

#e266a7
```
#e266a7 rgb(226,102,167)
```
#e2a166
```
#e2a166 rgb(226,161,102)
```
#66e2a1
```
#66e2a1 rgb(102,226,161)
```
#66a7e2
```
#66a7e2 rgb(102,167,226)
```

Tetradic Color

#d37a28
```
#d37a28 rgb(211,122,40)
```
#da873b
```
#da873b rgb(218,135,59)
```
#de9451
```
#de9451 rgb(222,148,81)
```
#e2a166
```
#e2a166 rgb(226,161,102)
```
#e6ae7b
```
#e6ae7b rgb(230,174,123)
```
#eabb91
```
#eabb91 rgb(234,187,145)
```
#eec9a6
```
#eec9a6 rgb(238,201,166)
```

Monochromatic Color

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

#e28266
```
#e28266 rgb(226,130,102)
```
#e28c66
```
#e28c66 rgb(226,140,102)
```
#e29766
```
#e29766 rgb(226,151,102)
```
#e2a166
```
#e2a166 rgb(226,161,102)
```
#e2ab66
```
#e2ab66 rgb(226,171,102)
```
#e2b666
```
#e2b666 rgb(226,182,102)
```
#e2c066
```
#e2c066 rgb(226,192,102)
```

Similar Colors

Text with hexadecimal color #e2a166

This text has a font color of #e2a166.

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

#e2a166 background color

This paragraph has a background color of #e2a166.

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

#e2a166 border color

This element has a border color of #e2a166.

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

CSS codes

.text {color:#e2a166;}

.background {background-color:#e2a166;}

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

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

#0c0702
```
#0c0702 rgb(12,7,2)
```
#1c1005
```
#1c1005 rgb(28,16,5)
```
#2d1a09
```
#2d1a09 rgb(45,26,9)
```
#3d230c
```
#3d230c rgb(61,35,12)
```
#4e2d0f
```
#4e2d0f rgb(78,45,15)
```
#5e3612
```
#5e3612 rgb(94,54,18)
```
#6f4015
```
#6f4015 rgb(111,64,21)
```
#7f4918
```
#7f4918 rgb(127,73,24)
```
#90531b
```
#90531b rgb(144,83,27)
```
#a05c1e
```
#a05c1e rgb(160,92,30)
```
#b16622
```
#b16622 rgb(177,102,34)
```
#c16f25
```
#c16f25 rgb(193,111,37)
```
#d27928
```
#d27928 rgb(210,121,40)
```

Shade Color Variation

#d98335
```
#d98335 rgb(217,131,53)
```
#dc8d45
```
#dc8d45 rgb(220,141,69)
```
#df9756
```
#df9756 rgb(223,151,86)
```
#e2a166
```
#e2a166 rgb(226,161,102)
```
#e5ab76
```
#e5ab76 rgb(229,171,118)
```
#e8b587
```
#e8b587 rgb(232,181,135)
```
#ebbf97
```
#ebbf97 rgb(235,191,151)
```
#efcaa8
```
#efcaa8 rgb(239,202,168)
```
#f2d4b8
```
#f2d4b8 rgb(242,212,184)
```
#f5dec9
```
#f5dec9 rgb(245,222,201)
```
#f8e8d9
```
#f8e8d9 rgb(248,232,217)
```
#fbf2ea
```
#fbf2ea rgb(251,242,234)
```
#fefcfa
```
#fefcfa rgb(254,252,250)
```

Tint Color Variation

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

#aaa49e
```
#aaa49e rgb(170,164,158)
```
#b1a397
```
#b1a397 rgb(177,163,151)
```
#b8a390
```
#b8a390 rgb(184,163,144)
```
#bfa389
```
#bfa389 rgb(191,163,137)
```
#c6a282
```
#c6a282 rgb(198,162,130)
```
#cda27b
```
#cda27b rgb(205,162,123)
```
#d4a274
```
#d4a274 rgb(212,162,116)
```
#dba16d
```
#dba16d rgb(219,161,109)
```
#e2a166
```
#e2a166 rgb(226,161,102)
```
#e9a15f
```
#e9a15f rgb(233,161,95)
```
#f0a058
```
#f0a058 rgb(240,160,88)
```
#f7a051
```
#f7a051 rgb(247,160,81)
```
#fea04a
```
#fea04a rgb(254,160,74)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b8aba0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b272 Protanopia 1% of men
#d7ab6c Deuteranopia 1% of men
#e89ea9 Tritanopia 0.001% of the population

Trichromacy

#cdac6d Protanomaly 1% of men, 0.01% of women
#dba76a Deuteranomaly 6% of men, 0.4% of women
#e69f90 Tritanomaly 0.01% of the population

#e2a166 hex color

#e2a166 Color Information

#e2a166 Color Conversion

Color Schemes with #e2a166

Alternatives to #e2a166

#e2a166 Preview

Shades and Tints of #e2a166

Tones of #e2a166

Color Blindness Simulator