#aaa676 hex color

In a RGB color space, hex #aaa676 is composed of 66.7% red, 65.1% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2.4% magenta, 30.6% yellow and 33.3% black. It has a hue angle of 55.4 degrees, a saturation of 23.4% and a lightness of 56.5%. #aaa676 color hex could be obtained by blending #ffffec with #554d00. Closest websafe color is: #999966.

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

● #aaa676 color description : Mostly desaturated dark yellow.

The hexadecimal color #aaa676 has RGB values of R:170, G:166, B:118 and CMYK values of C:0, M:0.02, Y:0.31, K:0.33. Its decimal value is 11183734.

Hex triplet	aaa676	`#aaa676`
RGB Decimal	170, 166, 118	`rgb(170,166,118)`
RGB Percent	66.7, 65.1, 46.3	`rgb(66.7%,65.1%,46.3%)`
CMYK	0, 2, 31, 33
HSL	55.4°, 23.4, 56.5	`hsl(55.4,23.4%,56.5%)`
HSV (or HSB)	55.4°, 30.6, 66.7
Web Safe	999966	`#999966`

CIE-LAB	67.372, -6.234, 25.432
XYZ	33.483, 37.127, 22.541
xyY	0.359, 0.399, 37.127
CIE-LCH	67.372, 26.184, 103.772
CIE-LUV	67.372, 4.995, 34.57
Hunter-Lab	60.932, -8.541, 20.719
Binary	10101010, 10100110, 01110110

#aaa676
```
#aaa676 rgb(170,166,118)
```
#767aaa
```
#767aaa rgb(118,122,170)
```

Complementary Color

#aa8c76
```
#aa8c76 rgb(170,140,118)
```
#aaa676
```
#aaa676 rgb(170,166,118)
```
#94aa76
```
#94aa76 rgb(148,170,118)
```

Analogous Color

#8c76aa
```
#8c76aa rgb(140,118,170)
```
#aaa676
```
#aaa676 rgb(170,166,118)
```
#7694aa
```
#7694aa rgb(118,148,170)
```

Split Complementary Color

#a676aa
```
#a676aa rgb(166,118,170)
```
#aaa676
```
#aaa676 rgb(170,166,118)
```
#76aaa6
```
#76aaa6 rgb(118,170,166)
```

Triadic Color

#aa767a
```
#aa767a rgb(170,118,122)
```
#aaa676
```
#aaa676 rgb(170,166,118)
```
#76aaa6
```
#76aaa6 rgb(118,170,166)
```
#767aaa
```
#767aaa rgb(118,122,170)
```

Tetradic Color

#837f51
```
#837f51 rgb(131,127,81)
```
#928e5b
```
#928e5b rgb(146,142,91)
```
#a09c66
```
#a09c66 rgb(160,156,102)
```
#aaa676
```
#aaa676 rgb(170,166,118)
```
#b4b086
```
#b4b086 rgb(180,176,134)
```
#beba95
```
#beba95 rgb(190,186,149)
```
#c7c5a5
```
#c7c5a5 rgb(199,197,165)
```

Monochromatic Color

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

#aa9976
```
#aa9976 rgb(170,153,118)
```
#aa9d76
```
#aa9d76 rgb(170,157,118)
```
#aaa276
```
#aaa276 rgb(170,162,118)
```
#aaa676
```
#aaa676 rgb(170,166,118)
```
#aaaa76
```
#aaaa76 rgb(170,170,118)
```
#a5aa76
```
#a5aa76 rgb(165,170,118)
```
#a1aa76
```
#a1aa76 rgb(161,170,118)
```

Similar Colors

Text with hexadecimal color #aaa676

This text has a font color of #aaa676.

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

#aaa676 background color

This paragraph has a background color of #aaa676.

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

#aaa676 border color

This element has a border color of #aaa676.

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

CSS codes

.text {color:#aaa676;}

.background {background-color:#aaa676;}

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

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

#080805
```
#080805 rgb(8,8,5)
```
#14140d
```
#14140d rgb(20,20,13)
```
#202014
```
#202014 rgb(32,32,20)
```
#2d2b1c
```
#2d2b1c rgb(45,43,28)
```
#393723
```
#393723 rgb(57,55,35)
```
#45432b
```
#45432b rgb(69,67,43)
```
#514f32
```
#514f32 rgb(81,79,50)
```
#5d5a3a
```
#5d5a3a rgb(93,90,58)
```
#696641
```
#696641 rgb(105,102,65)
```
#757249
```
#757249 rgb(117,114,73)
```
#817e50
```
#817e50 rgb(129,126,80)
```
#8d8958
```
#8d8958 rgb(141,137,88)
```
#9a955f
```
#9a955f rgb(154,149,95)
```

Shade Color Variation

#a29e6a
```
#a29e6a rgb(162,158,106)
```
#aaa676
```
#aaa676 rgb(170,166,118)
```
#b2ae82
```
#b2ae82 rgb(178,174,130)
```
#b9b68e
```
#b9b68e rgb(185,182,142)
```
#c1be9a
```
#c1be9a rgb(193,190,154)
```
#c8c5a6
```
#c8c5a6 rgb(200,197,166)
```
#d0cdb3
```
#d0cdb3 rgb(208,205,179)
```
#d7d5bf
```
#d7d5bf rgb(215,213,191)
```
#dfddcb
```
#dfddcb rgb(223,221,203)
```
#e6e5d7
```
#e6e5d7 rgb(230,229,215)
```
#eeede3
```
#eeede3 rgb(238,237,227)
```
#f5f5ef
```
#f5f5ef rgb(245,245,239)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#909090
```
#909090 rgb(144,144,144)
```
#999887
```
#999887 rgb(153,152,135)
```
#a19f7f
```
#a19f7f rgb(161,159,127)
```
#aaa676
```
#aaa676 rgb(170,166,118)
```
#b3ad6d
```
#b3ad6d rgb(179,173,109)
```
#bbb465
```
#bbb465 rgb(187,180,101)
```
#c4bc5c
```
#c4bc5c rgb(196,188,92)
```
#ccc354
```
#ccc354 rgb(204,195,84)
```
#d5ca4b
```
#d5ca4b rgb(213,202,75)
```
#ddd143
```
#ddd143 rgb(221,209,67)
```
#e6d93a
```
#e6d93a rgb(230,217,58)
```
#eee032
```
#eee032 rgb(238,224,50)
```
#f7e729
```
#f7e729 rgb(247,231,41)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a4a399 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a87c Protanopia 1% of men
#c6a27f Deuteranopia 1% of men
#b5a3af Tritanopia 0.001% of the population

Trichromacy

#b1a77a Protanomaly 1% of men, 0.01% of women
#bba37c Deuteranomaly 6% of men, 0.4% of women
#b1a49a Tritanomaly 0.01% of the population

#aaa676 hex color

#aaa676 Color Information

#aaa676 Color Conversion

Color Schemes with #aaa676

Alternatives to #aaa676

#aaa676 Preview

Shades and Tints of #aaa676

Tones of #aaa676

Color Blindness Simulator