#e0af66 hex color

In a RGB color space, hex #e0af66 is composed of 87.8% red, 68.6% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 21.9% magenta, 54.5% yellow and 12.2% black. It has a hue angle of 35.9 degrees, a saturation of 66.3% and a lightness of 63.9%. #e0af66 color hex could be obtained by blending #ffffcc with #c15f00. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 88
- G 69
- B 40
RGB color chart
- C 0
- M 22
- Y 54
- K 12
CMYK color chart

● #e0af66 color description : Soft orange.

The hexadecimal color #e0af66 has RGB values of R:224, G:175, B:102 and CMYK values of C:0, M:0.22, Y:0.54, K:0.12. Its decimal value is 14724966.

Hex triplet	e0af66	`#e0af66`
RGB Decimal	224, 175, 102	`rgb(224,175,102)`
RGB Percent	87.8, 68.6, 40	`rgb(87.8%,68.6%,40%)`
CMYK	0, 22, 54, 12
HSL	35.9°, 66.3, 63.9	`hsl(35.9,66.3%,63.9%)`
HSV (or HSB)	35.9°, 54.5, 87.8
Web Safe	cc9966	`#cc9966`

CIE-LAB	74.489, 9.428, 43.903
XYZ	48.469, 47.469, 19.179
xyY	0.421, 0.412, 47.469
CIE-LCH	74.489, 44.904, 77.88
CIE-LUV	74.489, 37.923, 52.206
Hunter-Lab	68.898, 5.003, 31.724
Binary	11100000, 10101111, 01100110

#e0af66
```
#e0af66 rgb(224,175,102)
```
#6697e0
```
#6697e0 rgb(102,151,224)
```

Complementary Color

#e07266
```
#e07266 rgb(224,114,102)
```
#e0af66
```
#e0af66 rgb(224,175,102)
```
#d4e066
```
#d4e066 rgb(212,224,102)
```

Analogous Color

#7266e0
```
#7266e0 rgb(114,102,224)
```
#e0af66
```
#e0af66 rgb(224,175,102)
```
#66d4e0
```
#66d4e0 rgb(102,212,224)
```

Split Complementary Color

#af66e0
```
#af66e0 rgb(175,102,224)
```
#e0af66
```
#e0af66 rgb(224,175,102)
```
#66e0af
```
#66e0af rgb(102,224,175)
```

Triadic Color

#e06697
```
#e06697 rgb(224,102,151)
```
#e0af66
```
#e0af66 rgb(224,175,102)
```
#66e0af
```
#66e0af rgb(102,224,175)
```
#6697e0
```
#6697e0 rgb(102,151,224)
```

Tetradic Color

#cf8d2a
```
#cf8d2a rgb(207,141,42)
```
#d7993c
```
#d7993c rgb(215,153,60)
```
#dca451
```
#dca451 rgb(220,164,81)
```
#e0af66
```
#e0af66 rgb(224,175,102)
```
#e4ba7b
```
#e4ba7b rgb(228,186,123)
```
#e9c590
```
#e9c590 rgb(233,197,144)
```
#edd0a6
```
#edd0a6 rgb(237,208,166)
```

Monochromatic Color

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

#e09166
```
#e09166 rgb(224,145,102)
```
#e09b66
```
#e09b66 rgb(224,155,102)
```
#e0a566
```
#e0a566 rgb(224,165,102)
```
#e0af66
```
#e0af66 rgb(224,175,102)
```
#e0b966
```
#e0b966 rgb(224,185,102)
```
#e0c366
```
#e0c366 rgb(224,195,102)
```
#e0ce66
```
#e0ce66 rgb(224,206,102)
```

Similar Colors

Text with hexadecimal color #e0af66

This text has a font color of #e0af66.

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

#e0af66 background color

This paragraph has a background color of #e0af66.

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

#e0af66 border color

This element has a border color of #e0af66.

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

CSS codes

.text {color:#e0af66;}

.background {background-color:#e0af66;}

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

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

#0a0702
```
#0a0702 rgb(10,7,2)
```
#1a1205
```
#1a1205 rgb(26,18,5)
```
#2b1d09
```
#2b1d09 rgb(43,29,9)
```
#3b280c
```
#3b280c rgb(59,40,12)
```
#4b330f
```
#4b330f rgb(75,51,15)
```
#5c3e13
```
#5c3e13 rgb(92,62,19)
```
#6c4916
```
#6c4916 rgb(108,73,22)
```
#7c5419
```
#7c5419 rgb(124,84,25)
```
#8d601c
```
#8d601c rgb(141,96,28)
```
#9d6b20
```
#9d6b20 rgb(157,107,32)
```
#ad7623
```
#ad7623 rgb(173,118,35)
```
#be8126
```
#be8126 rgb(190,129,38)
```
#ce8c2a
```
#ce8c2a rgb(206,140,42)
```

Shade Color Variation

#d69535
```
#d69535 rgb(214,149,53)
```
#d99e45
```
#d99e45 rgb(217,158,69)
```
#dda656
```
#dda656 rgb(221,166,86)
```
#e0af66
```
#e0af66 rgb(224,175,102)
```
#e3b876
```
#e3b876 rgb(227,184,118)
```
#e7c087
```
#e7c087 rgb(231,192,135)
```
#eac997
```
#eac997 rgb(234,201,151)
```
#edd1a7
```
#edd1a7 rgb(237,209,167)
```
#f1dab8
```
#f1dab8 rgb(241,218,184)
```
#f4e2c8
```
#f4e2c8 rgb(244,226,200)
```
#f7ebd8
```
#f7ebd8 rgb(247,235,216)
```
#faf3e8
```
#faf3e8 rgb(250,243,232)
```
#fefcf9
```
#fefcf9 rgb(254,252,249)
```

Tint Color Variation

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

#a7a49f
```
#a7a49f rgb(167,164,159)
```
#aea598
```
#aea598 rgb(174,165,152)
```
#b6a790
```
#b6a790 rgb(182,167,144)
```
#bda889
```
#bda889 rgb(189,168,137)
```
#c4a982
```
#c4a982 rgb(196,169,130)
```
#cbab7b
```
#cbab7b rgb(203,171,123)
```
#d2ac74
```
#d2ac74 rgb(210,172,116)
```
#d9ae6d
```
#d9ae6d rgb(217,174,109)
```
#e0af66
```
#e0af66 rgb(224,175,102)
```
#e7b05f
```
#e7b05f rgb(231,176,95)
```
#eeb258
```
#eeb258 rgb(238,178,88)
```
#f5b351
```
#f5b351 rgb(245,179,81)
```
#fcb54a
```
#fcb54a rgb(252,181,74)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#beb4a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccba70 Protanopia 1% of men
#e2b26e Deuteranopia 1% of men
#e8aab6 Tritanopia 0.001% of the population

Trichromacy

#d3b66c Protanomaly 1% of men, 0.01% of women
#e1b16b Deuteranomaly 6% of men, 0.4% of women
#e5ac99 Tritanomaly 0.01% of the population

#e0af66 hex color

#e0af66 Color Information

#e0af66 Color Conversion

Color Schemes with #e0af66

Alternatives to #e0af66

#e0af66 Preview

Shades and Tints of #e0af66

Tones of #e0af66

Color Blindness Simulator