#a2af8b hex color

In a RGB color space, hex #a2af8b is composed of 63.5% red, 68.6% green and 54.5% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 20.6% yellow and 31.4% black. It has a hue angle of 81.7 degrees, a saturation of 18.4% and a lightness of 61.6%. #a2af8b color hex could be obtained by blending #ffffff with #455f17. Closest websafe color is: #999999.

♥
- f
- t
- g
- R 64
- G 69
- B 55
RGB color chart
- C 7
- M 0
- Y 21
- K 31
CMYK color chart

● #a2af8b color description : Dark grayish green.

The hexadecimal color #a2af8b has RGB values of R:162, G:175, B:139 and CMYK values of C:0.07, M:0, Y:0.21, K:0.31. Its decimal value is 10661771.

Hex triplet	a2af8b	`#a2af8b`
RGB Decimal	162, 175, 139	`rgb(162,175,139)`
RGB Percent	63.5, 68.6, 54.5	`rgb(63.5%,68.6%,54.5%)`
CMYK	7, 0, 21, 31
HSL	81.7°, 18.4, 61.6	`hsl(81.7,18.4%,61.6%)`
HSV (or HSB)	81.7°, 20.6, 68.6
Web Safe	999999	`#999999`

CIE-LAB	69.615, -11.027, 16.971
XYZ	34.89, 40.205, 30.347
xyY	0.331, 0.381, 40.205
CIE-LCH	69.615, 20.239, 123.015
CIE-LUV	69.615, -5.796, 25.357
Hunter-Lab	63.408, -12.745, 16.009
Binary	10100010, 10101111, 10001011

#a2af8b
```
#a2af8b rgb(162,175,139)
```
#988baf
```
#988baf rgb(152,139,175)
```

Complementary Color

#afaa8b
```
#afaa8b rgb(175,170,139)
```
#a2af8b
```
#a2af8b rgb(162,175,139)
```
#90af8b
```
#90af8b rgb(144,175,139)
```

Analogous Color

#aa8baf
```
#aa8baf rgb(170,139,175)
```
#a2af8b
```
#a2af8b rgb(162,175,139)
```
#8b90af
```
#8b90af rgb(139,144,175)
```

Split Complementary Color

#af8ba2
```
#af8ba2 rgb(175,139,162)
```
#a2af8b
```
#a2af8b rgb(162,175,139)
```
#8ba2af
```
#8ba2af rgb(139,162,175)
```

Triadic Color

#af988b
```
#af988b rgb(175,152,139)
```
#a2af8b
```
#a2af8b rgb(162,175,139)
```
#8ba2af
```
#8ba2af rgb(139,162,175)
```
#988baf
```
#988baf rgb(152,139,175)
```

Tetradic Color

#7d8d61
```
#7d8d61 rgb(125,141,97)
```
#8a9a6d
```
#8a9a6d rgb(138,154,109)
```
#96a57c
```
#96a57c rgb(150,165,124)
```
#a2af8b
```
#a2af8b rgb(162,175,139)
```
#aeb99a
```
#aeb99a rgb(174,185,154)
```
#bac4a9
```
#bac4a9 rgb(186,196,169)
```
#c6ceb8
```
#c6ceb8 rgb(198,206,184)
```

Monochromatic Color

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

#abaf8b
```
#abaf8b rgb(171,175,139)
```
#a8af8b
```
#a8af8b rgb(168,175,139)
```
#a5af8b
```
#a5af8b rgb(165,175,139)
```
#a2af8b
```
#a2af8b rgb(162,175,139)
```
#9faf8b
```
#9faf8b rgb(159,175,139)
```
#9caf8b
```
#9caf8b rgb(156,175,139)
```
#99af8b
```
#99af8b rgb(153,175,139)
```

Similar Colors

Text with hexadecimal color #a2af8b

This text has a font color of #a2af8b.

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

#a2af8b background color

This paragraph has a background color of #a2af8b.

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

#a2af8b border color

This element has a border color of #a2af8b.

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

CSS codes

.text {color:#a2af8b;}

.background {background-color:#a2af8b;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0a0c08
```
#0a0c08 rgb(10,12,8)
```
#151710
```
#151710 rgb(21,23,16)
```
#1f2318
```
#1f2318 rgb(31,35,24)
```
#292f20
```
#292f20 rgb(41,47,32)
```
#343a28
```
#343a28 rgb(52,58,40)
```
#3e4630
```
#3e4630 rgb(62,70,48)
```
#485138
```
#485138 rgb(72,81,56)
```
#535d40
```
#535d40 rgb(83,93,64)
```
#5d6948
```
#5d6948 rgb(93,105,72)
```
#677450
```
#677450 rgb(103,116,80)
```
#718058
```
#718058 rgb(113,128,88)
```
#7c8b60
```
#7c8b60 rgb(124,139,96)
```

Shade Color Variation

#869768
```
#869768 rgb(134,151,104)
```
#8f9f74
```
#8f9f74 rgb(143,159,116)
```
#99a77f
```
#99a77f rgb(153,167,127)
```
#a2af8b
```
#a2af8b rgb(162,175,139)
```
#abb797
```
#abb797 rgb(171,183,151)
```
#b5bfa2
```
#b5bfa2 rgb(181,191,162)
```
#bec7ae
```
#bec7ae rgb(190,199,174)
```
#c7cfb9
```
#c7cfb9 rgb(199,207,185)
```
#d1d7c5
```
#d1d7c5 rgb(209,215,197)
```
#dadfd1
```
#dadfd1 rgb(218,223,209)
```
#e3e7dc
```
#e3e7dc rgb(227,231,220)
```
#ecefe8
```
#ecefe8 rgb(236,239,232)
```
#f6f7f3
```
#f6f7f3 rgb(246,247,243)
```

Tint Color Variation

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

#9ea09a
```
#9ea09a rgb(158,160,154)
```
#a0a793
```
#a0a793 rgb(160,167,147)
```
#a2af8b
```
#a2af8b rgb(162,175,139)
```
#a4b783
```
#a4b783 rgb(164,183,131)
```
#a6be7c
```
#a6be7c rgb(166,190,124)
```
#a8c674
```
#a8c674 rgb(168,198,116)
```
#aacd6d
```
#aacd6d rgb(170,205,109)
```
#acd565
```
#acd565 rgb(172,213,101)
```
#afdc5e
```
#afdc5e rgb(175,220,94)
```
#b1e456
```
#b1e456 rgb(177,228,86)
```
#b3eb4f
```
#b3eb4f rgb(179,235,79)
```
#b5f347
```
#b5f347 rgb(181,243,71)
```
#b7fa40
```
#b7fa40 rgb(183,250,64)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a6a9a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8ae8e Protanopia 1% of men
#c7a894 Deuteranopia 1% of men
#adadb9 Tritanopia 0.001% of the population

Trichromacy

#b0ae8d Protanomaly 1% of men, 0.01% of women
#baaa91 Deuteranomaly 6% of men, 0.4% of women
#a9aea8 Tritanomaly 0.01% of the population

#a2af8b hex color

#a2af8b Color Information

#a2af8b Color Conversion

Color Schemes with #a2af8b

Alternatives to #a2af8b

#a2af8b Preview

Shades and Tints of #a2af8b

Tones of #a2af8b

Color Blindness Simulator