#aaa686 hex color

In a RGB color space, hex #aaa686 is composed of 66.7% red, 65.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.4% magenta, 21.2% yellow and 33.3% black. It has a hue angle of 53.3 degrees, a saturation of 17.5% and a lightness of 59.6%. #aaa686 color hex could be obtained by blending #ffffff with #554d0d. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 67
- G 65
- B 53
RGB color chart
- C 0
- M 2
- Y 21
- K 33
CMYK color chart

● #aaa686 color description : Dark grayish yellow.

The hexadecimal color #aaa686 has RGB values of R:170, G:166, B:134 and CMYK values of C:0, M:0.02, Y:0.21, K:0.33. Its decimal value is 11183750.

Hex triplet	aaa686	`#aaa686`
RGB Decimal	170, 166, 134	`rgb(170,166,134)`
RGB Percent	66.7, 65.1, 52.5	`rgb(66.7%,65.1%,52.5%)`
CMYK	0, 2, 21, 33
HSL	53.3°, 17.5, 59.6	`hsl(53.3,17.5%,59.6%)`
HSV (or HSB)	53.3°, 21.2, 66.7
Web Safe	999999	`#999999`

CIE-LAB	67.68, -3.967, 17.123
XYZ	34.516, 37.54, 27.981
xyY	0.345, 0.375, 37.54
CIE-LCH	67.68, 17.576, 103.046
CIE-LUV	67.68, 4.164, 24.091
Hunter-Lab	61.27, -6.665, 15.813
Binary	10101010, 10100110, 10000110

#aaa686
```
#aaa686 rgb(170,166,134)
```
#868aaa
```
#868aaa rgb(134,138,170)
```

Complementary Color

#aa9486
```
#aa9486 rgb(170,148,134)
```
#aaa686
```
#aaa686 rgb(170,166,134)
```
#9caa86
```
#9caa86 rgb(156,170,134)
```

Analogous Color

#9486aa
```
#9486aa rgb(148,134,170)
```
#aaa686
```
#aaa686 rgb(170,166,134)
```
#869caa
```
#869caa rgb(134,156,170)
```

Split Complementary Color

#a686aa
```
#a686aa rgb(166,134,170)
```
#aaa686
```
#aaa686 rgb(170,166,134)
```
#86aaa6
```
#86aaa6 rgb(134,170,166)
```

Triadic Color

#aa868a
```
#aa868a rgb(170,134,138)
```
#aaa686
```
#aaa686 rgb(170,166,134)
```
#86aaa6
```
#86aaa6 rgb(134,170,166)
```
#868aaa
```
#868aaa rgb(134,138,170)
```

Tetradic Color

#86815e
```
#86815e rgb(134,129,94)
```
#959068
```
#959068 rgb(149,144,104)
```
#9f9b77
```
#9f9b77 rgb(159,155,119)
```
#aaa686
```
#aaa686 rgb(170,166,134)
```
#b5b195
```
#b5b195 rgb(181,177,149)
```
#bfbca4
```
#bfbca4 rgb(191,188,164)
```
#cac7b3
```
#cac7b3 rgb(202,199,179)
```

Monochromatic Color

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

#aa9d86
```
#aa9d86 rgb(170,157,134)
```
#aaa086
```
#aaa086 rgb(170,160,134)
```
#aaa386
```
#aaa386 rgb(170,163,134)
```
#aaa686
```
#aaa686 rgb(170,166,134)
```
#aaa986
```
#aaa986 rgb(170,169,134)
```
#a8aa86
```
#a8aa86 rgb(168,170,134)
```
#a5aa86
```
#a5aa86 rgb(165,170,134)
```

Similar Colors

Text with hexadecimal color #aaa686

This text has a font color of #aaa686.

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

#aaa686 background color

This paragraph has a background color of #aaa686.

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

#aaa686 border color

This element has a border color of #aaa686.

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

CSS codes

.text {color:#aaa686;}

.background {background-color:#aaa686;}

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

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

#060604
```
#060604 rgb(6,6,4)
```
#11110c
```
#11110c rgb(17,17,12)
```
#1d1c14
```
#1d1c14 rgb(29,28,20)
```
#28271c
```
#28271c rgb(40,39,28)
```
#343224
```
#343224 rgb(52,50,36)
```
#3f3d2c
```
#3f3d2c rgb(63,61,44)
```
#4b4835
```
#4b4835 rgb(75,72,53)
```
#56543d
```
#56543d rgb(86,84,61)
```
#625f45
```
#625f45 rgb(98,95,69)
```
#6d6a4d
```
#6d6a4d rgb(109,106,77)
```
#797555
```
#797555 rgb(121,117,85)
```
#84805d
```
#84805d rgb(132,128,93)
```
#908b65
```
#908b65 rgb(144,139,101)
```

Shade Color Variation

#9a956f
```
#9a956f rgb(154,149,111)
```
#a29e7a
```
#a29e7a rgb(162,158,122)
```
#aaa686
```
#aaa686 rgb(170,166,134)
```
#b2ae92
```
#b2ae92 rgb(178,174,146)
```
#bab79d
```
#bab79d rgb(186,183,157)
```
#c2bfa9
```
#c2bfa9 rgb(194,191,169)
```
#cac8b4
```
#cac8b4 rgb(202,200,180)
```
#d2d0c0
```
#d2d0c0 rgb(210,208,192)
```
#dbd9cb
```
#dbd9cb rgb(219,217,203)
```
#e3e1d7
```
#e3e1d7 rgb(227,225,215)
```
#ebeae2
```
#ebeae2 rgb(235,234,226)
```
#f3f2ee
```
#f3f2ee rgb(243,242,238)
```
#fbfbf9
```
#fbfbf9 rgb(251,251,249)
```

Tint Color Variation

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

#9a9a96
```
#9a9a96 rgb(154,154,150)
```
#a2a08e
```
#a2a08e rgb(162,160,142)
```
#aaa686
```
#aaa686 rgb(170,166,134)
```
#b2ac7e
```
#b2ac7e rgb(178,172,126)
```
#bab276
```
#bab276 rgb(186,178,118)
```
#c2b86e
```
#c2b86e rgb(194,184,110)
```
#cabf66
```
#cabf66 rgb(202,191,102)
```
#d2c55e
```
#d2c55e rgb(210,197,94)
```
#dacb56
```
#dacb56 rgb(218,203,86)
```
#e1d14f
```
#e1d14f rgb(225,209,79)
```
#e9d747
```
#e9d747 rgb(233,215,71)
```
#f1dd3f
```
#f1dd3f rgb(241,221,63)
```
#f9e437
```
#f9e437 rgb(249,228,55)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a5a49e Atypical Achromatopsia 0.001% of the population

Dichromacy

#b3a98b Protanopia 1% of men
#c2a38e Deuteranopia 1% of men
#b3a5b1 Tritanopia 0.001% of the population

Trichromacy

#afa889 Protanomaly 1% of men, 0.01% of women
#b9a48b Deuteranomaly 6% of men, 0.4% of women
#b0a5a1 Tritanomaly 0.01% of the population

#aaa686 hex color

#aaa686 Color Information

#aaa686 Color Conversion

Color Schemes with #aaa686

Alternatives to #aaa686

#aaa686 Preview

Shades and Tints of #aaa686

Tones of #aaa686

Color Blindness Simulator