#a2af61 hex color

In a RGB color space, hex #a2af61 is composed of 63.5% red, 68.6% green and 38% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 44.6% yellow and 31.4% black. It has a hue angle of 70 degrees, a saturation of 32.8% and a lightness of 53.3%. #a2af61 color hex could be obtained by blending #ffffc2 with #455f00. Closest websafe color is: #999966.

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

● #a2af61 color description : Mostly desaturated dark yellow.

The hexadecimal color #a2af61 has RGB values of R:162, G:175, B:97 and CMYK values of C:0.07, M:0, Y:0.45, K:0.31. Its decimal value is 10661729.

Hex triplet	a2af61	`#a2af61`
RGB Decimal	162, 175, 97	`rgb(162,175,97)`
RGB Percent	63.5, 68.6, 38	`rgb(63.5%,68.6%,38%)`
CMYK	7, 0, 45, 31
HSL	70°, 32.8, 53.3	`hsl(70,32.8%,53.3%)`
HSV (or HSB)	70°, 44.6, 68.6
Web Safe	999966	`#999966`

CIE-LAB	68.899, -16.711, 38.326
XYZ	32.387, 39.204, 17.17
xyY	0.365, 0.442, 39.204
CIE-LCH	68.899, 41.811, 113.558
CIE-LUV	68.899, -4.52, 50.832
Hunter-Lab	62.613, -17.243, 27.571
Binary	10100010, 10101111, 01100001

#a2af61
```
#a2af61 rgb(162,175,97)
```
#6e61af
```
#6e61af rgb(110,97,175)
```

Complementary Color

#af9561
```
#af9561 rgb(175,149,97)
```
#a2af61
```
#a2af61 rgb(162,175,97)
```
#7baf61
```
#7baf61 rgb(123,175,97)
```

Analogous Color

#9561af
```
#9561af rgb(149,97,175)
```
#a2af61
```
#a2af61 rgb(162,175,97)
```
#617baf
```
#617baf rgb(97,123,175)
```

Split Complementary Color

#af61a2
```
#af61a2 rgb(175,97,162)
```
#a2af61
```
#a2af61 rgb(162,175,97)
```
#61a2af
```
#61a2af rgb(97,162,175)
```

Triadic Color

#af6e61
```
#af6e61 rgb(175,110,97)
```
#a2af61
```
#a2af61 rgb(162,175,97)
```
#61a2af
```
#61a2af rgb(97,162,175)
```
#6e61af
```
#6e61af rgb(110,97,175)
```

Tetradic Color

#778242
```
#778242 rgb(119,130,66)
```
#87934a
```
#87934a rgb(135,147,74)
```
#96a453
```
#96a453 rgb(150,164,83)
```
#a2af61
```
#a2af61 rgb(162,175,97)
```
#acb872
```
#acb872 rgb(172,184,114)
```
#b6c083
```
#b6c083 rgb(182,192,131)
```
#c0c994
```
#c0c994 rgb(192,201,148)
```

Monochromatic Color

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

#afa961
```
#afa961 rgb(175,169,97)
```
#afaf61
```
#afaf61 rgb(175,175,97)
```
#a9af61
```
#a9af61 rgb(169,175,97)
```
#a2af61
```
#a2af61 rgb(162,175,97)
```
#9caf61
```
#9caf61 rgb(156,175,97)
```
#95af61
```
#95af61 rgb(149,175,97)
```
#8faf61
```
#8faf61 rgb(143,175,97)
```

Similar Colors

Text with hexadecimal color #a2af61

This text has a font color of #a2af61.

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

#a2af61 background color

This paragraph has a background color of #a2af61.

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

#a2af61 border color

This element has a border color of #a2af61.

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

CSS codes

.text {color:#a2af61;}

.background {background-color:#a2af61;}

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

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, #0a0b06 is the darkest color, while #fefefd is the lightest one.

#0a0b06
```
#0a0b06 rgb(10,11,6)
```
#16180c
```
#16180c rgb(22,24,12)
```
#222513
```
#222513 rgb(34,37,19)
```
#2e3219
```
#2e3219 rgb(46,50,25)
```
#3a3f20
```
#3a3f20 rgb(58,63,32)
```
#464c27
```
#464c27 rgb(70,76,39)
```
#52592d
```
#52592d rgb(82,89,45)
```
#5e6634
```
#5e6634 rgb(94,102,52)
```
#6a733a
```
#6a733a rgb(106,115,58)
```
#768041
```
#768041 rgb(118,128,65)
```
#828e48
```
#828e48 rgb(130,142,72)
```
#8e9b4e
```
#8e9b4e rgb(142,155,78)
```
#9aa855
```
#9aa855 rgb(154,168,85)
```

Shade Color Variation

#a2af61
```
#a2af61 rgb(162,175,97)
```
#aab66e
```
#aab66e rgb(170,182,110)
```
#b1bc7b
```
#b1bc7b rgb(177,188,123)
```
#b9c388
```
#b9c388 rgb(185,195,136)
```
#c1c995
```
#c1c995 rgb(193,201,149)
```
#c8d0a2
```
#c8d0a2 rgb(200,208,162)
```
#d0d7af
```
#d0d7af rgb(208,215,175)
```
#d8ddbc
```
#d8ddbc rgb(216,221,188)
```
#dfe4c9
```
#dfe4c9 rgb(223,228,201)
```
#e7ead6
```
#e7ead6 rgb(231,234,214)
```
#eff1e3
```
#eff1e3 rgb(239,241,227)
```
#f6f8f0
```
#f6f8f0 rgb(246,248,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#8a8a86
```
#8a8a86 rgb(138,138,134)
```
#90947c
```
#90947c rgb(144,148,124)
```
#969d73
```
#969d73 rgb(150,157,115)
```
#9ca66a
```
#9ca66a rgb(156,166,106)
```
#a2af61
```
#a2af61 rgb(162,175,97)
```
#a8b858
```
#a8b858 rgb(168,184,88)
```
#aec14f
```
#aec14f rgb(174,193,79)
```
#b4ca46
```
#b4ca46 rgb(180,202,70)
```
#bad43c
```
#bad43c rgb(186,212,60)
```
#c1dd33
```
#c1dd33 rgb(193,221,51)
```
#c7e62a
```
#c7e62a rgb(199,230,42)
```
#cdef21
```
#cdef21 rgb(205,239,33)
```
#d3f818
```
#d3f818 rgb(211,248,24)
```

Tone Color Variation

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

Dichromacy

#bcac66 Protanopia 1% of men
#cfa56d Deuteranopia 1% of men
#b1aab6 Tritanopia 0.001% of the population

Trichromacy

#b3ad64 Protanomaly 1% of men, 0.01% of women
#bea869 Deuteranomaly 6% of men, 0.4% of women
#abab97 Tritanomaly 0.01% of the population

#a2af61 hex color

#a2af61 Color Information

#a2af61 Color Conversion

Color Schemes with #a2af61

Alternatives to #a2af61

#a2af61 Preview

Shades and Tints of #a2af61

Tones of #a2af61

Color Blindness Simulator