#a2af8e hex color

In a RGB color space, hex #a2af8e is composed of 63.5% red, 68.6% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 18.9% yellow and 31.4% black. It has a hue angle of 83.6 degrees, a saturation of 17.1% and a lightness of 62.2%. #a2af8e color hex could be obtained by blending #ffffff with #455f1d. Closest websafe color is: #999999.

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

● #a2af8e color description : Dark grayish green.

The hexadecimal color #a2af8e has RGB values of R:162, G:175, B:142 and CMYK values of C:0.07, M:0, Y:0.19, K:0.31. Its decimal value is 10661774.

Hex triplet	a2af8e	`#a2af8e`
RGB Decimal	162, 175, 142	`rgb(162,175,142)`
RGB Percent	63.5, 68.6, 55.7	`rgb(63.5%,68.6%,55.7%)`
CMYK	7, 0, 19, 31
HSL	83.6°, 17.1, 62.2	`hsl(83.6,17.1%,62.2%)`
HSV (or HSB)	83.6°, 18.9, 68.6
Web Safe	999999	`#999999`

CIE-LAB	69.679, -10.541, 15.421
XYZ	35.112, 40.294, 31.517
xyY	0.328, 0.377, 40.294
CIE-LCH	69.679, 18.68, 124.353
CIE-LUV	69.679, -5.902, 23.263
Hunter-Lab	63.478, -12.351, 14.996
Binary	10100010, 10101111, 10001110

#a2af8e
```
#a2af8e rgb(162,175,142)
```
#9b8eaf
```
#9b8eaf rgb(155,142,175)
```

Complementary Color

#afac8e
```
#afac8e rgb(175,172,142)
```
#a2af8e
```
#a2af8e rgb(162,175,142)
```
#92af8e
```
#92af8e rgb(146,175,142)
```

Analogous Color

#ac8eaf
```
#ac8eaf rgb(172,142,175)
```
#a2af8e
```
#a2af8e rgb(162,175,142)
```
#8e92af
```
#8e92af rgb(142,146,175)
```

Split Complementary Color

#af8ea2
```
#af8ea2 rgb(175,142,162)
```
#a2af8e
```
#a2af8e rgb(162,175,142)
```
#8ea2af
```
#8ea2af rgb(142,162,175)
```

Triadic Color

#af9b8e
```
#af9b8e rgb(175,155,142)
```
#a2af8e
```
#a2af8e rgb(162,175,142)
```
#8ea2af
```
#8ea2af rgb(142,162,175)
```
#9b8eaf
```
#9b8eaf rgb(155,142,175)
```

Tetradic Color

#7d8d64
```
#7d8d64 rgb(125,141,100)
```
#899a70
```
#899a70 rgb(137,154,112)
```
#96a47f
```
#96a47f rgb(150,164,127)
```
#a2af8e
```
#a2af8e rgb(162,175,142)
```
#aeba9d
```
#aeba9d rgb(174,186,157)
```
#bbc4ac
```
#bbc4ac rgb(187,196,172)
```
#c7cfbb
```
#c7cfbb rgb(199,207,187)
```

Monochromatic Color

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

#aaaf8e
```
#aaaf8e rgb(170,175,142)
```
#a8af8e
```
#a8af8e rgb(168,175,142)
```
#a5af8e
```
#a5af8e rgb(165,175,142)
```
#a2af8e
```
#a2af8e rgb(162,175,142)
```
#9faf8e
```
#9faf8e rgb(159,175,142)
```
#9daf8e
```
#9daf8e rgb(157,175,142)
```
#9aaf8e
```
#9aaf8e rgb(154,175,142)
```

Similar Colors

Text with hexadecimal color #a2af8e

This text has a font color of #a2af8e.

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

#a2af8e background color

This paragraph has a background color of #a2af8e.

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

#a2af8e border color

This element has a border color of #a2af8e.

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

CSS codes

.text {color:#a2af8e;}

.background {background-color:#a2af8e;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0c0d09
```
#0c0d09 rgb(12,13,9)
```
#161912
```
#161912 rgb(22,25,18)
```
#20241a
```
#20241a rgb(32,36,26)
```
#2a3022
```
#2a3022 rgb(42,48,34)
```
#343b2a
```
#343b2a rgb(52,59,42)
```
#3f4732
```
#3f4732 rgb(63,71,50)
```
#49523a
```
#49523a rgb(73,82,58)
```
#535e42
```
#535e42 rgb(83,94,66)
```
#5d694a
```
#5d694a rgb(93,105,74)
```
#677553
```
#677553 rgb(103,117,83)
```
#71805b
```
#71805b rgb(113,128,91)
```
#7c8c63
```
#7c8c63 rgb(124,140,99)
```

Shade Color Variation

#86976c
```
#86976c rgb(134,151,108)
```
#8f9f77
```
#8f9f77 rgb(143,159,119)
```
#99a783
```
#99a783 rgb(153,167,131)
```
#a2af8e
```
#a2af8e rgb(162,175,142)
```
#abb799
```
#abb799 rgb(171,183,153)
```
#b5bfa5
```
#b5bfa5 rgb(181,191,165)
```
#bec7b0
```
#bec7b0 rgb(190,199,176)
```
#c8d0bc
```
#c8d0bc rgb(200,208,188)
```
#d1d8c7
```
#d1d8c7 rgb(209,216,199)
```
#dbe0d3
```
#dbe0d3 rgb(219,224,211)
```
#e4e8de
```
#e4e8de rgb(228,232,222)
```
#eef0ea
```
#eef0ea rgb(238,240,234)
```
#f7f8f5
```
#f7f8f5 rgb(247,248,245)
```

Tint Color Variation

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

#9fa09d
```
#9fa09d rgb(159,160,157)
```
#a0a895
```
#a0a895 rgb(160,168,149)
```
#a2af8e
```
#a2af8e rgb(162,175,142)
```
#a4b687
```
#a4b687 rgb(164,182,135)
```
#a5be7f
```
#a5be7f rgb(165,190,127)
```
#a7c578
```
#a7c578 rgb(167,197,120)
```
#a8cd70
```
#a8cd70 rgb(168,205,112)
```
#aad469
```
#aad469 rgb(170,212,105)
```
#abdc61
```
#abdc61 rgb(171,220,97)
```
#ade35a
```
#ade35a rgb(173,227,90)
```
#afea53
```
#afea53 rgb(175,234,83)
```
#b0f24b
```
#b0f24b rgb(176,242,75)
```
#b2f944
```
#b2f944 rgb(178,249,68)
```

Tone Color Variation

Below, you can see how #a2af8e 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
#a6a9a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8ae91 Protanopia 1% of men
#c7a897 Deuteranopia 1% of men
#adadba Tritanopia 0.001% of the population

Trichromacy

#b0ae90 Protanomaly 1% of men, 0.01% of women
#b9aa93 Deuteranomaly 6% of men, 0.4% of women
#a9aeaa Tritanomaly 0.01% of the population

#a2af8e hex color

#a2af8e Color Information

#a2af8e Color Conversion

Color Schemes with #a2af8e

Alternatives to #a2af8e

#a2af8e Preview

Shades and Tints of #a2af8e

Tones of #a2af8e

Color Blindness Simulator