#a2af74 hex color

In a RGB color space, hex #a2af74 is composed of 63.5% red, 68.6% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 33.7% yellow and 31.4% black. It has a hue angle of 73.2 degrees, a saturation of 26.9% and a lightness of 57.1%. #a2af74 color hex could be obtained by blending #ffffe8 with #455f00. Closest websafe color is: #999966.

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

● #a2af74 color description : Mostly desaturated dark yellow.

The hexadecimal color #a2af74 has RGB values of R:162, G:175, B:116 and CMYK values of C:0.07, M:0, Y:0.34, K:0.31. Its decimal value is 10661748.

Hex triplet	a2af74	`#a2af74`
RGB Decimal	162, 175, 116	`rgb(162,175,116)`
RGB Percent	63.5, 68.6, 45.5	`rgb(63.5%,68.6%,45.5%)`
CMYK	7, 0, 34, 31
HSL	73.2°, 26.9, 57.1	`hsl(73.2,26.9%,57.1%)`
HSV (or HSB)	73.2°, 33.7, 68.6
Web Safe	999966	`#999966`

CIE-LAB	69.185, -14.406, 28.792
XYZ	33.382, 39.602, 22.407
xyY	0.35, 0.415, 39.602
CIE-LCH	69.185, 32.195, 116.58
CIE-LUV	69.185, -5.049, 40.263
Hunter-Lab	62.93, -15.441, 22.94
Binary	10100010, 10101111, 01110100

#a2af74
```
#a2af74 rgb(162,175,116)
```
#8174af
```
#8174af rgb(129,116,175)
```

Complementary Color

#af9f74
```
#af9f74 rgb(175,159,116)
```
#a2af74
```
#a2af74 rgb(162,175,116)
```
#85af74
```
#85af74 rgb(133,175,116)
```

Analogous Color

#9f74af
```
#9f74af rgb(159,116,175)
```
#a2af74
```
#a2af74 rgb(162,175,116)
```
#7485af
```
#7485af rgb(116,133,175)
```

Split Complementary Color

#af74a2
```
#af74a2 rgb(175,116,162)
```
#a2af74
```
#a2af74 rgb(162,175,116)
```
#74a2af
```
#74a2af rgb(116,162,175)
```

Triadic Color

#af8174
```
#af8174 rgb(175,129,116)
```
#a2af74
```
#a2af74 rgb(162,175,116)
```
#74a2af
```
#74a2af rgb(116,162,175)
```
#8174af
```
#8174af rgb(129,116,175)
```

Tetradic Color

#7b884e
```
#7b884e rgb(123,136,78)
```
#8a9858
```
#8a9858 rgb(138,152,88)
```
#97a664
```
#97a664 rgb(151,166,100)
```
#a2af74
```
#a2af74 rgb(162,175,116)
```
#adb884
```
#adb884 rgb(173,184,132)
```
#b8c294
```
#b8c294 rgb(184,194,148)
```
#c2cba5
```
#c2cba5 rgb(194,203,165)
```

Monochromatic Color

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

#afad74
```
#afad74 rgb(175,173,116)
```
#acaf74
```
#acaf74 rgb(172,175,116)
```
#a7af74
```
#a7af74 rgb(167,175,116)
```
#a2af74
```
#a2af74 rgb(162,175,116)
```
#9daf74
```
#9daf74 rgb(157,175,116)
```
#98af74
```
#98af74 rgb(152,175,116)
```
#93af74
```
#93af74 rgb(147,175,116)
```

Similar Colors

Text with hexadecimal color #a2af74

This text has a font color of #a2af74.

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

#a2af74 background color

This paragraph has a background color of #a2af74.

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

#a2af74 border color

This element has a border color of #a2af74.

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

CSS codes

.text {color:#a2af74;}

.background {background-color:#a2af74;}

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

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

#090a06
```
#090a06 rgb(9,10,6)
```
#15170d
```
#15170d rgb(21,23,13)
```
#202314
```
#202314 rgb(32,35,20)
```
#2b301b
```
#2b301b rgb(43,48,27)
```
#373c23
```
#373c23 rgb(55,60,35)
```
#42492a
```
#42492a rgb(66,73,42)
```
#4d5531
```
#4d5531 rgb(77,85,49)
```
#586238
```
#586238 rgb(88,98,56)
```
#646e3f
```
#646e3f rgb(100,110,63)
```
#6f7a46
```
#6f7a46 rgb(111,122,70)
```
#7a874e
```
#7a874e rgb(122,135,78)
```
#869355
```
#869355 rgb(134,147,85)
```
#91a05c
```
#91a05c rgb(145,160,92)
```

Shade Color Variation

#9aa868
```
#9aa868 rgb(154,168,104)
```
#a2af74
```
#a2af74 rgb(162,175,116)
```
#aab680
```
#aab680 rgb(170,182,128)
```
#b3bd8d
```
#b3bd8d rgb(179,189,141)
```
#bbc499
```
#bbc499 rgb(187,196,153)
```
#c3cca6
```
#c3cca6 rgb(195,204,166)
```
#ccd3b2
```
#ccd3b2 rgb(204,211,178)
```
#d4dabf
```
#d4dabf rgb(212,218,191)
```
#dce1cb
```
#dce1cb rgb(220,225,203)
```
#e5e8d8
```
#e5e8d8 rgb(229,232,216)
```
#edefe4
```
#edefe4 rgb(237,239,228)
```
#f5f7f0
```
#f5f7f0 rgb(245,247,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#94968d
```
#94968d rgb(148,150,141)
```
#999e85
```
#999e85 rgb(153,158,133)
```
#9da77c
```
#9da77c rgb(157,167,124)
```
#a2af74
```
#a2af74 rgb(162,175,116)
```
#a7b76c
```
#a7b76c rgb(167,183,108)
```
#abc063
```
#abc063 rgb(171,192,99)
```
#b0c85b
```
#b0c85b rgb(176,200,91)
```
#b5d152
```
#b5d152 rgb(181,209,82)
```
#bad94a
```
#bad94a rgb(186,217,74)
```
#bee241
```
#bee241 rgb(190,226,65)
```
#c3ea39
```
#c3ea39 rgb(195,234,57)
```
#c8f231
```
#c8f231 rgb(200,242,49)
```
#ccfb28
```
#ccfb28 rgb(204,251,40)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a4a69a Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbad78 Protanopia 1% of men
#cca67f Deuteranopia 1% of men
#afabb7 Tritanopia 0.001% of the population

Trichromacy

#b1ad77 Protanomaly 1% of men, 0.01% of women
#bda97b Deuteranomaly 6% of men, 0.4% of women
#aaac9f Tritanomaly 0.01% of the population

#a2af74 hex color

#a2af74 Color Information

#a2af74 Color Conversion

Color Schemes with #a2af74

Alternatives to #a2af74

#a2af74 Preview

Shades and Tints of #a2af74

Tones of #a2af74

Color Blindness Simulator