#a2af5c hex color

In a RGB color space, hex #a2af5c is composed of 63.5% red, 68.6% green and 36.1% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 47.4% yellow and 31.4% black. It has a hue angle of 69.4 degrees, a saturation of 34.2% and a lightness of 52.4%. #a2af5c color hex could be obtained by blending #ffffb8 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

● #a2af5c color description : Dark moderate yellow.

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

Hex triplet	a2af5c	`#a2af5c`
RGB Decimal	162, 175, 92	`rgb(162,175,92)`
RGB Percent	63.5, 68.6, 36.1	`rgb(63.5%,68.6%,36.1%)`
CMYK	7, 0, 47, 31
HSL	69.4°, 34.2, 52.4	`hsl(69.4,34.2%,52.4%)`
HSV (or HSB)	69.4°, 47.4, 68.6
Web Safe	999966	`#999966`

CIE-LAB	68.834, -17.243, 40.769
XYZ	32.162, 39.114, 15.98
xyY	0.369, 0.448, 39.114
CIE-LCH	68.834, 44.266, 112.926
CIE-LUV	68.834, -4.396, 53.322
Hunter-Lab	62.541, -17.654, 28.63
Binary	10100010, 10101111, 01011100

#a2af5c
```
#a2af5c rgb(162,175,92)
```
#695caf
```
#695caf rgb(105,92,175)
```

Complementary Color

#af935c
```
#af935c rgb(175,147,92)
```
#a2af5c
```
#a2af5c rgb(162,175,92)
```
#79af5c
```
#79af5c rgb(121,175,92)
```

Analogous Color

#935caf
```
#935caf rgb(147,92,175)
```
#a2af5c
```
#a2af5c rgb(162,175,92)
```
#5c79af
```
#5c79af rgb(92,121,175)
```

Split Complementary Color

#af5ca2
```
#af5ca2 rgb(175,92,162)
```
#a2af5c
```
#a2af5c rgb(162,175,92)
```
#5ca2af
```
#5ca2af rgb(92,162,175)
```

Triadic Color

#af695c
```
#af695c rgb(175,105,92)
```
#a2af5c
```
#a2af5c rgb(162,175,92)
```
#5ca2af
```
#5ca2af rgb(92,162,175)
```
#695caf
```
#695caf rgb(105,92,175)
```

Tetradic Color

#76803f
```
#76803f rgb(118,128,63)
```
#859147
```
#859147 rgb(133,145,71)
```
#95a250
```
#95a250 rgb(149,162,80)
```
#a2af5c
```
#a2af5c rgb(162,175,92)
```
#acb76d
```
#acb76d rgb(172,183,109)
```
#b6c07e
```
#b6c07e rgb(182,192,126)
```
#bfc88f
```
#bfc88f rgb(191,200,143)
```

Monochromatic Color

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

#afa75c
```
#afa75c rgb(175,167,92)
```
#afae5c
```
#afae5c rgb(175,174,92)
```
#a9af5c
```
#a9af5c rgb(169,175,92)
```
#a2af5c
```
#a2af5c rgb(162,175,92)
```
#9baf5c
```
#9baf5c rgb(155,175,92)
```
#94af5c
```
#94af5c rgb(148,175,92)
```
#8daf5c
```
#8daf5c rgb(141,175,92)
```

Similar Colors

Text with hexadecimal color #a2af5c

This text has a font color of #a2af5c.

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

#a2af5c background color

This paragraph has a background color of #a2af5c.

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

#a2af5c border color

This element has a border color of #a2af5c.

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

CSS codes

.text {color:#a2af5c;}

.background {background-color:#a2af5c;}

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

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

#070804
```
#070804 rgb(7,8,4)
```
#14150a
```
#14150a rgb(20,21,10)
```
#202211
```
#202211 rgb(32,34,17)
```
#2c3017
```
#2c3017 rgb(44,48,23)
```
#383d1e
```
#383d1e rgb(56,61,30)
```
#444a24
```
#444a24 rgb(68,74,36)
```
#50572b
```
#50572b rgb(80,87,43)
```
#5c6431
```
#5c6431 rgb(92,100,49)
```
#687138
```
#687138 rgb(104,113,56)
```
#747e3e
```
#747e3e rgb(116,126,62)
```
#808c45
```
#808c45 rgb(128,140,69)
```
#8d994b
```
#8d994b rgb(141,153,75)
```
#99a651
```
#99a651 rgb(153,166,81)
```

Shade Color Variation

#a2af5c
```
#a2af5c rgb(162,175,92)
```
#aab569
```
#aab569 rgb(170,181,105)
```
#b1bc76
```
#b1bc76 rgb(177,188,118)
```
#b9c283
```
#b9c283 rgb(185,194,131)
```
#c0c991
```
#c0c991 rgb(192,201,145)
```
#c8cf9e
```
#c8cf9e rgb(200,207,158)
```
#cfd6ab
```
#cfd6ab rgb(207,214,171)
```
#d7dcb8
```
#d7dcb8 rgb(215,220,184)
```
#dee3c5
```
#dee3c5 rgb(222,227,197)
```
#e6e9d2
```
#e6e9d2 rgb(230,233,210)
```
#edf0e0
```
#edf0e0 rgb(237,240,224)
```
#f5f6ed
```
#f5f6ed rgb(245,246,237)
```
#fcfcfa
```
#fcfcfa rgb(252,252,250)
```

Tint Color Variation

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

#888a81
```
#888a81 rgb(136,138,129)
```
#8f9378
```
#8f9378 rgb(143,147,120)
```
#959c6f
```
#959c6f rgb(149,156,111)
```
#9ca665
```
#9ca665 rgb(156,166,101)
```
#a2af5c
```
#a2af5c rgb(162,175,92)
```
#a8b853
```
#a8b853 rgb(168,184,83)
```
#afc249
```
#afc249 rgb(175,194,73)
```
#b5cb40
```
#b5cb40 rgb(181,203,64)
```
#bcd437
```
#bcd437 rgb(188,212,55)
```
#c2de2d
```
#c2de2d rgb(194,222,45)
```
#c9e724
```
#c9e724 rgb(201,231,36)
```
#cff01b
```
#cff01b rgb(207,240,27)
```
#d5fa11
```
#d5fa11 rgb(213,250,17)
```

Tone Color Variation

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

#bdac62 Protanopia 1% of men
#d0a569 Deuteranopia 1% of men
#b1a9b5 Tritanopia 0.001% of the population

Trichromacy

#b3ad5f Protanomaly 1% of men, 0.01% of women
#bfa864 Deuteranomaly 6% of men, 0.4% of women
#acab95 Tritanomaly 0.01% of the population

#a2af5c hex color

#a2af5c Color Information

#a2af5c Color Conversion

Color Schemes with #a2af5c

Alternatives to #a2af5c

#a2af5c Preview

Shades and Tints of #a2af5c

Tones of #a2af5c

Color Blindness Simulator