#a2af40 hex color

In a RGB color space, hex #a2af40 is composed of 63.5% red, 68.6% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 7.4% cyan, 0% magenta, 63.4% yellow and 31.4% black. It has a hue angle of 67 degrees, a saturation of 46.4% and a lightness of 46.9%. #a2af40 color hex could be obtained by blending #ffff80 with #455f00. Closest websafe color is: #999933.

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

● #a2af40 color description : Dark moderate yellow.

The hexadecimal color #a2af40 has RGB values of R:162, G:175, B:64 and CMYK values of C:0.07, M:0, Y:0.63, K:0.31. Its decimal value is 10661696.

Hex triplet	a2af40	`#a2af40`
RGB Decimal	162, 175, 64	`rgb(162,175,64)`
RGB Percent	63.5, 68.6, 25.1	`rgb(63.5%,68.6%,25.1%)`
CMYK	7, 0, 63, 31
HSL	67°, 46.4, 46.9	`hsl(67,46.4%,46.9%)`
HSV (or HSB)	67°, 63.4, 68.6
Web Safe	999933	`#999933`

CIE-LAB	68.542, -19.656, 53.523
XYZ	31.155, 38.712, 10.681
xyY	0.387, 0.481, 38.712
CIE-LCH	68.542, 57.018, 110.166
CIE-LUV	68.542, -3.822, 64.843
Hunter-Lab	62.219, -19.5, 33.375
Binary	10100010, 10101111, 01000000

#a2af40
```
#a2af40 rgb(162,175,64)
```
#4d40af
```
#4d40af rgb(77,64,175)
```

Complementary Color

#af8540
```
#af8540 rgb(175,133,64)
```
#a2af40
```
#a2af40 rgb(162,175,64)
```
#6baf40
```
#6baf40 rgb(107,175,64)
```

Analogous Color

#8540af
```
#8540af rgb(133,64,175)
```
#a2af40
```
#a2af40 rgb(162,175,64)
```
#406baf
```
#406baf rgb(64,107,175)
```

Split Complementary Color

#af40a2
```
#af40a2 rgb(175,64,162)
```
#a2af40
```
#a2af40 rgb(162,175,64)
```
#40a2af
```
#40a2af rgb(64,162,175)
```

Triadic Color

#af4d40
```
#af4d40 rgb(175,77,64)
```
#a2af40
```
#a2af40 rgb(162,175,64)
```
#40a2af
```
#40a2af rgb(64,162,175)
```
#4d40af
```
#4d40af rgb(77,64,175)
```

Tetradic Color

#6e772c
```
#6e772c rgb(110,119,44)
```
#7f8a32
```
#7f8a32 rgb(127,138,50)
```
#919c39
```
#919c39 rgb(145,156,57)
```
#a2af40
```
#a2af40 rgb(162,175,64)
```
#b0bd4b
```
#b0bd4b rgb(176,189,75)
```
#b8c45e
```
#b8c45e rgb(184,196,94)
```
#c0cb71
```
#c0cb71 rgb(192,203,113)
```

Monochromatic Color

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

#afa040
```
#afa040 rgb(175,160,64)
```
#afaa40
```
#afaa40 rgb(175,170,64)
```
#abaf40
```
#abaf40 rgb(171,175,64)
```
#a2af40
```
#a2af40 rgb(162,175,64)
```
#99af40
```
#99af40 rgb(153,175,64)
```
#90af40
```
#90af40 rgb(144,175,64)
```
#86af40
```
#86af40 rgb(134,175,64)
```

Similar Colors

Text with hexadecimal color #a2af40

This text has a font color of #a2af40.

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

#a2af40 background color

This paragraph has a background color of #a2af40.

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

#a2af40 border color

This element has a border color of #a2af40.

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

CSS codes

.text {color:#a2af40;}

.background {background-color:#a2af40;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#101106
```
#101106 rgb(16,17,6)
```
#1d1f0b
```
#1d1f0b rgb(29,31,11)
```
#2a2e11
```
#2a2e11 rgb(42,46,17)
```
#383c16
```
#383c16 rgb(56,60,22)
```
#454a1b
```
#454a1b rgb(69,74,27)
```
#525920
```
#525920 rgb(82,89,32)
```
#606726
```
#606726 rgb(96,103,38)
```
#6d762b
```
#6d762b rgb(109,118,43)
```
#7a8430
```
#7a8430 rgb(122,132,48)
```
#879235
```
#879235 rgb(135,146,53)
```
#95a13b
```
#95a13b rgb(149,161,59)
```
#a2af40
```
#a2af40 rgb(162,175,64)
```

Shade Color Variation

#aebc47
```
#aebc47 rgb(174,188,71)
```
#b4c155
```
#b4c155 rgb(180,193,85)
```
#bbc664
```
#bbc664 rgb(187,198,100)
```
#c1cb72
```
#c1cb72 rgb(193,203,114)
```
#c7d180
```
#c7d180 rgb(199,209,128)
```
#ced68f
```
#ced68f rgb(206,214,143)
```
#d4db9d
```
#d4db9d rgb(212,219,157)
```
#dae0ab
```
#dae0ab rgb(218,224,171)
```
#e1e6ba
```
#e1e6ba rgb(225,230,186)
```
#e7ebc8
```
#e7ebc8 rgb(231,235,200)
```
#edf0d7
```
#edf0d7 rgb(237,240,215)
```
#f4f5e5
```
#f4f5e5 rgb(244,245,229)
```
#fafbf3
```
#fafbf3 rgb(250,251,243)
```

Tint Color Variation

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

#787877
```
#787877 rgb(120,120,119)
```
#7f816e
```
#7f816e rgb(127,129,110)
```
#868a65
```
#868a65 rgb(134,138,101)
```
#8d935c
```
#8d935c rgb(141,147,92)
```
#949d52
```
#949d52 rgb(148,157,82)
```
#9ba649
```
#9ba649 rgb(155,166,73)
```
#a2af40
```
#a2af40 rgb(162,175,64)
```
#a9b837
```
#a9b837 rgb(169,184,55)
```
#b0c12e
```
#b0c12e rgb(176,193,46)
```
#b7cb24
```
#b7cb24 rgb(183,203,36)
```
#bed41b
```
#bed41b rgb(190,212,27)
```
#c5dd12
```
#c5dd12 rgb(197,221,18)
```
#cce609
```
#cce609 rgb(204,230,9)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#9fa18b Atypical Achromatopsia 0.001% of the population

Dichromacy

#beab47 Protanopia 1% of men
#d2a34f Deuteranopia 1% of men
#b3a8b4 Tritanopia 0.001% of the population

Trichromacy

#b4ad45 Protanomaly 1% of men, 0.01% of women
#c1a74a Deuteranomaly 6% of men, 0.4% of women
#acaa8a Tritanomaly 0.01% of the population

#a2af40 hex color

#a2af40 Color Information

#a2af40 Color Conversion

Color Schemes with #a2af40

Alternatives to #a2af40

#a2af40 Preview

Shades and Tints of #a2af40

Tones of #a2af40

Color Blindness Simulator