#a2af5d hex color

In a RGB color space, hex #a2af5d is composed of 63.5% red, 68.6% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 46.9% yellow and 31.4% black. It has a hue angle of 69.5 degrees, a saturation of 33.9% and a lightness of 52.5%. #a2af5d color hex could be obtained by blending #ffffba with #455f00. Closest websafe color is: #999966.

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

● #a2af5d color description : Dark moderate yellow.

The hexadecimal color #a2af5d has RGB values of R:162, G:175, B:93 and CMYK values of C:0.07, M:0, Y:0.47, K:0.31. Its decimal value is 10661725.

Hex triplet	a2af5d	`#a2af5d`
RGB Decimal	162, 175, 93	`rgb(162,175,93)`
RGB Percent	63.5, 68.6, 36.5	`rgb(63.5%,68.6%,36.5%)`
CMYK	7, 0, 47, 31
HSL	69.5°, 33.9, 52.5	`hsl(69.5,33.9%,52.5%)`
HSV (or HSB)	69.5°, 46.9, 68.6
Web Safe	999966	`#999966`

CIE-LAB	68.847, -17.139, 40.283
XYZ	32.206, 39.132, 16.212
xyY	0.368, 0.447, 39.132
CIE-LCH	68.847, 43.778, 113.048
CIE-LUV	68.847, -4.42, 52.834
Hunter-Lab	62.555, -17.574, 28.423
Binary	10100010, 10101111, 01011101

#a2af5d
```
#a2af5d rgb(162,175,93)
```
#6a5daf
```
#6a5daf rgb(106,93,175)
```

Complementary Color

#af935d
```
#af935d rgb(175,147,93)
```
#a2af5d
```
#a2af5d rgb(162,175,93)
```
#79af5d
```
#79af5d rgb(121,175,93)
```

Analogous Color

#935daf
```
#935daf rgb(147,93,175)
```
#a2af5d
```
#a2af5d rgb(162,175,93)
```
#5d79af
```
#5d79af rgb(93,121,175)
```

Split Complementary Color

#af5da2
```
#af5da2 rgb(175,93,162)
```
#a2af5d
```
#a2af5d rgb(162,175,93)
```
#5da2af
```
#5da2af rgb(93,162,175)
```

Triadic Color

#af6a5d
```
#af6a5d rgb(175,106,93)
```
#a2af5d
```
#a2af5d rgb(162,175,93)
```
#5da2af
```
#5da2af rgb(93,162,175)
```
#6a5daf
```
#6a5daf rgb(106,93,175)
```

Tetradic Color

#76803f
```
#76803f rgb(118,128,63)
```
#869148
```
#869148 rgb(134,145,72)
```
#95a250
```
#95a250 rgb(149,162,80)
```
#a2af5d
```
#a2af5d rgb(162,175,93)
```
#acb76e
```
#acb76e rgb(172,183,110)
```
#b6c07f
```
#b6c07f rgb(182,192,127)
```
#bfc890
```
#bfc890 rgb(191,200,144)
```

Monochromatic Color

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

#afa85d
```
#afa85d rgb(175,168,93)
```
#afae5d
```
#afae5d rgb(175,174,93)
```
#a9af5d
```
#a9af5d rgb(169,175,93)
```
#a2af5d
```
#a2af5d rgb(162,175,93)
```
#9baf5d
```
#9baf5d rgb(155,175,93)
```
#94af5d
```
#94af5d rgb(148,175,93)
```
#8eaf5d
```
#8eaf5d rgb(142,175,93)
```

Similar Colors

Text with hexadecimal color #a2af5d

This text has a font color of #a2af5d.

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

#a2af5d background color

This paragraph has a background color of #a2af5d.

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

#a2af5d border color

This element has a border color of #a2af5d.

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

CSS codes

.text {color:#a2af5d;}

.background {background-color:#a2af5d;}

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

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

#080904
```
#080904 rgb(8,9,4)
```
#14160b
```
#14160b rgb(20,22,11)
```
#202311
```
#202311 rgb(32,35,17)
```
#2c3018
```
#2c3018 rgb(44,48,24)
```
#383d1e
```
#383d1e rgb(56,61,30)
```
#444a25
```
#444a25 rgb(68,74,37)
```
#50572b
```
#50572b rgb(80,87,43)
```
#5d6532
```
#5d6532 rgb(93,101,50)
```
#697238
```
#697238 rgb(105,114,56)
```
#757f3f
```
#757f3f rgb(117,127,63)
```
#818c45
```
#818c45 rgb(129,140,69)
```
#8d994c
```
#8d994c rgb(141,153,76)
```
#99a652
```
#99a652 rgb(153,166,82)
```

Shade Color Variation

#a2af5d
```
#a2af5d rgb(162,175,93)
```
#aab56a
```
#aab56a rgb(170,181,106)
```
#b1bc77
```
#b1bc77 rgb(177,188,119)
```
#b9c284
```
#b9c284 rgb(185,194,132)
```
#c0c992
```
#c0c992 rgb(192,201,146)
```
#c8cf9f
```
#c8cf9f rgb(200,207,159)
```
#cfd6ac
```
#cfd6ac rgb(207,214,172)
```
#d7dcb9
```
#d7dcb9 rgb(215,220,185)
```
#dee3c6
```
#dee3c6 rgb(222,227,198)
```
#e6e9d3
```
#e6e9d3 rgb(230,233,211)
```
#edf0e0
```
#edf0e0 rgb(237,240,224)
```
#f5f6ed
```
#f5f6ed rgb(245,246,237)
```
#fcfdfb
```
#fcfdfb rgb(252,253,251)
```

Tint Color Variation

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

#898a82
```
#898a82 rgb(137,138,130)
```
#8f9379
```
#8f9379 rgb(143,147,121)
```
#959c70
```
#959c70 rgb(149,156,112)
```
#9ca666
```
#9ca666 rgb(156,166,102)
```
#a2af5d
```
#a2af5d rgb(162,175,93)
```
#a8b854
```
#a8b854 rgb(168,184,84)
```
#afc24a
```
#afc24a rgb(175,194,74)
```
#b5cb41
```
#b5cb41 rgb(181,203,65)
```
#bbd438
```
#bbd438 rgb(187,212,56)
```
#c2de2e
```
#c2de2e rgb(194,222,46)
```
#c8e725
```
#c8e725 rgb(200,231,37)
```
#cef01c
```
#cef01c rgb(206,240,28)
```
#d5f913
```
#d5f913 rgb(213,249,19)
```

Tone Color Variation

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

Dichromacy

#bdac63 Protanopia 1% of men
#cfa56a Deuteranopia 1% of men
#b1a9b5 Tritanopia 0.001% of the population

Trichromacy

#b3ad60 Protanomaly 1% of men, 0.01% of women
#bfa865 Deuteranomaly 6% of men, 0.4% of women
#abab95 Tritanomaly 0.01% of the population

#a2af5d hex color

#a2af5d Color Information

#a2af5d Color Conversion

Color Schemes with #a2af5d

Alternatives to #a2af5d

#a2af5d Preview

Shades and Tints of #a2af5d

Tones of #a2af5d

Color Blindness Simulator