#aaa696 hex color

In a RGB color space, hex #aaa696 is composed of 66.7% red, 65.1% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.4% magenta, 11.8% yellow and 33.3% black. It has a hue angle of 48 degrees, a saturation of 10.5% and a lightness of 62.7%. #aaa696 color hex could be obtained by blending #ffffff with #554d2d. Closest websafe color is: #999999.

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

● #aaa696 color description : Dark grayish yellow.

The hexadecimal color #aaa696 has RGB values of R:170, G:166, B:150 and CMYK values of C:0, M:0.02, Y:0.12, K:0.33. Its decimal value is 11183766.

Hex triplet	aaa696	`#aaa696`
RGB Decimal	170, 166, 150	`rgb(170,166,150)`
RGB Percent	66.7, 65.1, 58.8	`rgb(66.7%,65.1%,58.8%)`
CMYK	0, 2, 12, 33
HSL	48°, 10.5, 62.7	`hsl(48,10.5%,62.7%)`
HSV (or HSB)	48°, 11.8, 66.7
Web Safe	999999	`#999999`

CIE-LAB	68.036, -1.408, 8.792
XYZ	35.718, 38.021, 34.31
xyY	0.331, 0.352, 38.021
CIE-LCH	68.036, 8.904, 99.096
CIE-LUV	68.036, 3.258, 12.67
Hunter-Lab	61.661, -4.508, 10.172
Binary	10101010, 10100110, 10010110

#aaa696
```
#aaa696 rgb(170,166,150)
```
#969aaa
```
#969aaa rgb(150,154,170)
```

Complementary Color

#aa9c96
```
#aa9c96 rgb(170,156,150)
```
#aaa696
```
#aaa696 rgb(170,166,150)
```
#a4aa96
```
#a4aa96 rgb(164,170,150)
```

Analogous Color

#9c96aa
```
#9c96aa rgb(156,150,170)
```
#aaa696
```
#aaa696 rgb(170,166,150)
```
#96a4aa
```
#96a4aa rgb(150,164,170)
```

Split Complementary Color

#a696aa
```
#a696aa rgb(166,150,170)
```
#aaa696
```
#aaa696 rgb(170,166,150)
```
#96aaa6
```
#96aaa6 rgb(150,170,166)
```

Triadic Color

#aa969a
```
#aa969a rgb(170,150,154)
```
#aaa696
```
#aaa696 rgb(170,166,150)
```
#96aaa6
```
#96aaa6 rgb(150,170,166)
```
#969aaa
```
#969aaa rgb(150,154,170)
```

Tetradic Color

#87816d
```
#87816d rgb(135,129,109)
```
#938e7a
```
#938e7a rgb(147,142,122)
```
#9f9a88
```
#9f9a88 rgb(159,154,136)
```
#aaa696
```
#aaa696 rgb(170,166,150)
```
#b5b2a4
```
#b5b2a4 rgb(181,178,164)
```
#c1beb2
```
#c1beb2 rgb(193,190,178)
```
#cccac0
```
#cccac0 rgb(204,202,192)
```

Monochromatic Color

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

#aaa196
```
#aaa196 rgb(170,161,150)
```
#aaa396
```
#aaa396 rgb(170,163,150)
```
#aaa496
```
#aaa496 rgb(170,164,150)
```
#aaa696
```
#aaa696 rgb(170,166,150)
```
#aaa896
```
#aaa896 rgb(170,168,150)
```
#aaa996
```
#aaa996 rgb(170,169,150)
```
#a9aa96
```
#a9aa96 rgb(169,170,150)
```

Similar Colors

Text with hexadecimal color #aaa696

This text has a font color of #aaa696.

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

#aaa696 background color

This paragraph has a background color of #aaa696.

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

#aaa696 border color

This element has a border color of #aaa696.

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

CSS codes

.text {color:#aaa696;}

.background {background-color:#aaa696;}

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

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

#030303
```
#030303 rgb(3,3,3)
```
#0e0e0c
```
#0e0e0c rgb(14,14,12)
```
#191814
```
#191814 rgb(25,24,20)
```
#24231d
```
#24231d rgb(36,35,29)
```
#2f2d26
```
#2f2d26 rgb(47,45,38)
```
#3a372f
```
#3a372f rgb(58,55,47)
```
#444237
```
#444237 rgb(68,66,55)
```
#4f4c40
```
#4f4c40 rgb(79,76,64)
```
#5a5749
```
#5a5749 rgb(90,87,73)
```
#656152
```
#656152 rgb(101,97,82)
```
#706c5b
```
#706c5b rgb(112,108,91)
```
#7b7663
```
#7b7663 rgb(123,118,99)
```
#85806c
```
#85806c rgb(133,128,108)
```

Shade Color Variation

#908a75
```
#908a75 rgb(144,138,117)
```
#989480
```
#989480 rgb(152,148,128)
```
#a19d8b
```
#a19d8b rgb(161,157,139)
```
#aaa696
```
#aaa696 rgb(170,166,150)
```
#b3afa1
```
#b3afa1 rgb(179,175,161)
```
#bcb8ac
```
#bcb8ac rgb(188,184,172)
```
#c4c2b7
```
#c4c2b7 rgb(196,194,183)
```
#cdcbc1
```
#cdcbc1 rgb(205,203,193)
```
#d6d4cc
```
#d6d4cc rgb(214,212,204)
```
#dfddd7
```
#dfddd7 rgb(223,221,215)
```
#e7e6e2
```
#e7e6e2 rgb(231,230,226)
```
#f0f0ed
```
#f0f0ed rgb(240,240,237)
```
#f9f9f8
```
#f9f9f8 rgb(249,249,248)
```

Tint Color Variation

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

#a3a29d
```
#a3a29d rgb(163,162,157)
```
#aaa696
```
#aaa696 rgb(170,166,150)
```
#b1aa8f
```
#b1aa8f rgb(177,170,143)
```
#b9af87
```
#b9af87 rgb(185,175,135)
```
#c0b380
```
#c0b380 rgb(192,179,128)
```
#c7b879
```
#c7b879 rgb(199,184,121)
```
#cfbc71
```
#cfbc71 rgb(207,188,113)
```
#d6c06a
```
#d6c06a rgb(214,192,106)
```
#ddc563
```
#ddc563 rgb(221,197,99)
```
#e4c95c
```
#e4c95c rgb(228,201,92)
```
#eccd54
```
#eccd54 rgb(236,205,84)
```
#f3d24d
```
#f3d24d rgb(243,210,77)
```
#fad646
```
#fad646 rgb(250,214,70)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a6a5a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1a99b Protanopia 1% of men
#bfa49d Deuteranopia 1% of men
#b2a7b2 Tritanopia 0.001% of the population

Trichromacy

#aea899 Protanomaly 1% of men, 0.01% of women
#b7a59a Deuteranomaly 6% of men, 0.4% of women
#afa6a8 Tritanomaly 0.01% of the population

#aaa696 hex color

#aaa696 Color Information

#aaa696 Color Conversion

Color Schemes with #aaa696

Alternatives to #aaa696

#aaa696 Preview

Shades and Tints of #aaa696

Tones of #aaa696

Color Blindness Simulator