#a2af75 hex color

In a RGB color space, hex #a2af75 is composed of 63.5% red, 68.6% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 33.1% yellow and 31.4% black. It has a hue angle of 73.4 degrees, a saturation of 26.6% and a lightness of 57.3%. #a2af75 color hex could be obtained by blending #ffffea with #455f00. Closest websafe color is: #999966.

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

● #a2af75 color description : Mostly desaturated dark yellow.

The hexadecimal color #a2af75 has RGB values of R:162, G:175, B:117 and CMYK values of C:0.07, M:0, Y:0.33, K:0.31. Its decimal value is 10661749.

Hex triplet	a2af75	`#a2af75`
RGB Decimal	162, 175, 117	`rgb(162,175,117)`
RGB Percent	63.5, 68.6, 45.9	`rgb(63.5%,68.6%,45.9%)`
CMYK	7, 0, 33, 31
HSL	73.4°, 26.6, 57.3	`hsl(73.4,26.6%,57.3%)`
HSV (or HSB)	73.4°, 33.1, 68.6
Web Safe	999966	`#999966`

CIE-LAB	69.202, -14.272, 28.282
XYZ	33.44, 39.626, 22.715
xyY	0.349, 0.414, 39.626
CIE-LCH	69.202, 31.679, 116.777
CIE-LUV	69.202, -5.079, 39.66
Hunter-Lab	62.949, -15.336, 22.669
Binary	10100010, 10101111, 01110101

#a2af75
```
#a2af75 rgb(162,175,117)
```
#8275af
```
#8275af rgb(130,117,175)
```

Complementary Color

#af9f75
```
#af9f75 rgb(175,159,117)
```
#a2af75
```
#a2af75 rgb(162,175,117)
```
#85af75
```
#85af75 rgb(133,175,117)
```

Analogous Color

#9f75af
```
#9f75af rgb(159,117,175)
```
#a2af75
```
#a2af75 rgb(162,175,117)
```
#7585af
```
#7585af rgb(117,133,175)
```

Split Complementary Color

#af75a2
```
#af75a2 rgb(175,117,162)
```
#a2af75
```
#a2af75 rgb(162,175,117)
```
#75a2af
```
#75a2af rgb(117,162,175)
```

Triadic Color

#af8275
```
#af8275 rgb(175,130,117)
```
#a2af75
```
#a2af75 rgb(162,175,117)
```
#75a2af
```
#75a2af rgb(117,162,175)
```
#8275af
```
#8275af rgb(130,117,175)
```

Tetradic Color

#7c884f
```
#7c884f rgb(124,136,79)
```
#8a9958
```
#8a9958 rgb(138,153,88)
```
#97a665
```
#97a665 rgb(151,166,101)
```
#a2af75
```
#a2af75 rgb(162,175,117)
```
#adb885
```
#adb885 rgb(173,184,133)
```
#b8c295
```
#b8c295 rgb(184,194,149)
```
#c3cba5
```
#c3cba5 rgb(195,203,165)
```

Monochromatic Color

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

#afae75
```
#afae75 rgb(175,174,117)
```
#acaf75
```
#acaf75 rgb(172,175,117)
```
#a7af75
```
#a7af75 rgb(167,175,117)
```
#a2af75
```
#a2af75 rgb(162,175,117)
```
#9daf75
```
#9daf75 rgb(157,175,117)
```
#98af75
```
#98af75 rgb(152,175,117)
```
#94af75
```
#94af75 rgb(148,175,117)
```

Similar Colors

Text with hexadecimal color #a2af75

This text has a font color of #a2af75.

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

#a2af75 background color

This paragraph has a background color of #a2af75.

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

#a2af75 border color

This element has a border color of #a2af75.

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

CSS codes

.text {color:#a2af75;}

.background {background-color:#a2af75;}

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

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 #fefefe is the lightest one.

#0a0b06
```
#0a0b06 rgb(10,11,6)
```
#15170e
```
#15170e rgb(21,23,14)
```
#202415
```
#202415 rgb(32,36,21)
```
#2c301c
```
#2c301c rgb(44,48,28)
```
#373d23
```
#373d23 rgb(55,61,35)
```
#42492a
```
#42492a rgb(66,73,42)
```
#4d5632
```
#4d5632 rgb(77,86,50)
```
#596239
```
#596239 rgb(89,98,57)
```
#646e40
```
#646e40 rgb(100,110,64)
```
#6f7b47
```
#6f7b47 rgb(111,123,71)
```
#7a874e
```
#7a874e rgb(122,135,78)
```
#869456
```
#869456 rgb(134,148,86)
```
#91a05d
```
#91a05d rgb(145,160,93)
```

Shade Color Variation

#9aa869
```
#9aa869 rgb(154,168,105)
```
#a2af75
```
#a2af75 rgb(162,175,117)
```
#aab681
```
#aab681 rgb(170,182,129)
```
#b3bd8e
```
#b3bd8e rgb(179,189,142)
```
#bbc59a
```
#bbc59a rgb(187,197,154)
```
#c3cca7
```
#c3cca7 rgb(195,204,167)
```
#ccd3b3
```
#ccd3b3 rgb(204,211,179)
```
#d4dac0
```
#d4dac0 rgb(212,218,192)
```
#dde1cc
```
#dde1cc rgb(221,225,204)
```
#e5e9d8
```
#e5e9d8 rgb(229,233,216)
```
#edf0e5
```
#edf0e5 rgb(237,240,229)
```
#f6f7f1
```
#f6f7f1 rgb(246,247,241)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#94968e
```
#94968e rgb(148,150,142)
```
#999e86
```
#999e86 rgb(153,158,134)
```
#9da77d
```
#9da77d rgb(157,167,125)
```
#a2af75
```
#a2af75 rgb(162,175,117)
```
#a7b76d
```
#a7b76d rgb(167,183,109)
```
#abc064
```
#abc064 rgb(171,192,100)
```
#b0c85c
```
#b0c85c rgb(176,200,92)
```
#b5d153
```
#b5d153 rgb(181,209,83)
```
#b9d94b
```
#b9d94b rgb(185,217,75)
```
#bee143
```
#bee143 rgb(190,225,67)
```
#c2ea3a
```
#c2ea3a rgb(194,234,58)
```
#c7f232
```
#c7f232 rgb(199,242,50)
```
#ccfa2a
```
#ccfa2a rgb(204,250,42)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a4a79b Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbad79 Protanopia 1% of men
#cca680 Deuteranopia 1% of men
#afabb7 Tritanopia 0.001% of the population

Trichromacy

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

#a2af75 hex color

#a2af75 Color Information

#a2af75 Color Conversion

Color Schemes with #a2af75

Alternatives to #a2af75

#a2af75 Preview

Shades and Tints of #a2af75

Tones of #a2af75

Color Blindness Simulator