#a2af86 hex color

In a RGB color space, hex #a2af86 is composed of 63.5% red, 68.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 23.4% yellow and 31.4% black. It has a hue angle of 79 degrees, a saturation of 20.4% and a lightness of 60.6%. #a2af86 color hex could be obtained by blending #ffffff with #455f0d. Closest websafe color is: #999999.

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

● #a2af86 color description : Dark grayish green.

The hexadecimal color #a2af86 has RGB values of R:162, G:175, B:134 and CMYK values of C:0.07, M:0, Y:0.23, K:0.31. Its decimal value is 10661766.

Hex triplet	a2af86	`#a2af86`
RGB Decimal	162, 175, 134	`rgb(162,175,134)`
RGB Percent	63.5, 68.6, 52.5	`rgb(63.5%,68.6%,52.5%)`
CMYK	7, 0, 23, 31
HSL	79°, 20.4, 60.6	`hsl(79,20.4%,60.6%)`
HSV (or HSB)	79°, 23.4, 68.6
Web Safe	999999	`#999999`

CIE-LAB	69.514, -11.815, 19.552
XYZ	34.532, 40.062, 28.467
xyY	0.335, 0.389, 40.062
CIE-LCH	69.514, 22.845, 121.144
CIE-LUV	69.514, -5.625, 28.774
Hunter-Lab	63.295, -13.38, 17.641
Binary	10100010, 10101111, 10000110

#a2af86
```
#a2af86 rgb(162,175,134)
```
#9386af
```
#9386af rgb(147,134,175)
```

Complementary Color

#afa886
```
#afa886 rgb(175,168,134)
```
#a2af86
```
#a2af86 rgb(162,175,134)
```
#8eaf86
```
#8eaf86 rgb(142,175,134)
```

Analogous Color

#a886af
```
#a886af rgb(168,134,175)
```
#a2af86
```
#a2af86 rgb(162,175,134)
```
#868eaf
```
#868eaf rgb(134,142,175)
```

Split Complementary Color

#af86a2
```
#af86a2 rgb(175,134,162)
```
#a2af86
```
#a2af86 rgb(162,175,134)
```
#86a2af
```
#86a2af rgb(134,162,175)
```

Triadic Color

#af9386
```
#af9386 rgb(175,147,134)
```
#a2af86
```
#a2af86 rgb(162,175,134)
```
#86a2af
```
#86a2af rgb(134,162,175)
```
#9386af
```
#9386af rgb(147,134,175)
```

Tetradic Color

#7d8c5d
```
#7d8c5d rgb(125,140,93)
```
#8a9b67
```
#8a9b67 rgb(138,155,103)
```
#96a577
```
#96a577 rgb(150,165,119)
```
#a2af86
```
#a2af86 rgb(162,175,134)
```
#aeb995
```
#aeb995 rgb(174,185,149)
```
#bac3a5
```
#bac3a5 rgb(186,195,165)
```
#c5cdb4
```
#c5cdb4 rgb(197,205,180)
```

Monochromatic Color

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

#acaf86
```
#acaf86 rgb(172,175,134)
```
#a9af86
```
#a9af86 rgb(169,175,134)
```
#a5af86
```
#a5af86 rgb(165,175,134)
```
#a2af86
```
#a2af86 rgb(162,175,134)
```
#9faf86
```
#9faf86 rgb(159,175,134)
```
#9baf86
```
#9baf86 rgb(155,175,134)
```
#98af86
```
#98af86 rgb(152,175,134)
```

Similar Colors

Text with hexadecimal color #a2af86

This text has a font color of #a2af86.

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

#a2af86 background color

This paragraph has a background color of #a2af86.

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

#a2af86 border color

This element has a border color of #a2af86.

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

CSS codes

.text {color:#a2af86;}

.background {background-color:#a2af86;}

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

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

#080906
```
#080906 rgb(8,9,6)
```
#12150e
```
#12150e rgb(18,21,14)
```
#1d2115
```
#1d2115 rgb(29,33,21)
```
#282c1d
```
#282c1d rgb(40,44,29)
```
#323825
```
#323825 rgb(50,56,37)
```
#3d442d
```
#3d442d rgb(61,68,45)
```
#475035
```
#475035 rgb(71,80,53)
```
#525c3d
```
#525c3d rgb(82,92,61)
```
#5c6744
```
#5c6744 rgb(92,103,68)
```
#67734c
```
#67734c rgb(103,115,76)
```
#717f54
```
#717f54 rgb(113,127,84)
```
#7c8b5c
```
#7c8b5c rgb(124,139,92)
```
#869764
```
#869764 rgb(134,151,100)
```

Shade Color Variation

#909f6e
```
#909f6e rgb(144,159,110)
```
#99a77a
```
#99a77a rgb(153,167,122)
```
#a2af86
```
#a2af86 rgb(162,175,134)
```
#abb792
```
#abb792 rgb(171,183,146)
```
#b4bf9e
```
#b4bf9e rgb(180,191,158)
```
#bdc6a9
```
#bdc6a9 rgb(189,198,169)
```
#c6ceb5
```
#c6ceb5 rgb(198,206,181)
```
#cfd6c1
```
#cfd6c1 rgb(207,214,193)
```
#d8decd
```
#d8decd rgb(216,222,205)
```
#e2e6d9
```
#e2e6d9 rgb(226,230,217)
```
#ebede4
```
#ebede4 rgb(235,237,228)
```
#f4f5f0
```
#f4f5f0 rgb(244,245,240)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#9ca095
```
#9ca095 rgb(156,160,149)
```
#9fa78e
```
#9fa78e rgb(159,167,142)
```
#a2af86
```
#a2af86 rgb(162,175,134)
```
#a5b77e
```
#a5b77e rgb(165,183,126)
```
#a8be77
```
#a8be77 rgb(168,190,119)
```
#aac66f
```
#aac66f rgb(170,198,111)
```
#adce67
```
#adce67 rgb(173,206,103)
```
#b0d65f
```
#b0d65f rgb(176,214,95)
```
#b3dd58
```
#b3dd58 rgb(179,221,88)
```
#b6e550
```
#b6e550 rgb(182,229,80)
```
#b9ed48
```
#b9ed48 rgb(185,237,72)
```
#bbf540
```
#bbf540 rgb(187,245,64)
```
#befc39
```
#befc39 rgb(190,252,57)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a5a8a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9ad8a Protanopia 1% of men
#c9a78f Deuteranopia 1% of men
#aeacb9 Tritanopia 0.001% of the population

Trichromacy

#b0ae88 Protanomaly 1% of men, 0.01% of women
#baaa8c Deuteranomaly 6% of men, 0.4% of women
#a9ada6 Tritanomaly 0.01% of the population

#a2af86 hex color

#a2af86 Color Information

#a2af86 Color Conversion

Color Schemes with #a2af86

Alternatives to #a2af86

#a2af86 Preview

Shades and Tints of #a2af86

Tones of #a2af86

Color Blindness Simulator