#a2af3f hex color

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

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

● #a2af3f color description : Dark moderate yellow.

The hexadecimal color #a2af3f has RGB values of R:162, G:175, B:63 and CMYK values of C:0.07, M:0, Y:0.64, K:0.31. Its decimal value is 10661695.

Hex triplet	a2af3f	`#a2af3f`
RGB Decimal	162, 175, 63	`rgb(162,175,63)`
RGB Percent	63.5, 68.6, 24.7	`rgb(63.5%,68.6%,24.7%)`
CMYK	7, 0, 64, 31
HSL	67°, 47.1, 46.7	`hsl(67,47.1%,46.7%)`
HSV (or HSB)	67°, 64, 68.6
Web Safe	999933	`#999933`

CIE-LAB	68.534, -19.725, 53.938
XYZ	31.127, 38.7, 10.533
xyY	0.387, 0.482, 38.7
CIE-LCH	68.534, 57.432, 110.087
CIE-LUV	68.534, -3.806, 65.176
Hunter-Lab	62.21, -19.552, 33.509
Binary	10100010, 10101111, 00111111

#a2af3f
```
#a2af3f rgb(162,175,63)
```
#4c3faf
```
#4c3faf rgb(76,63,175)
```

Complementary Color

#af843f
```
#af843f rgb(175,132,63)
```
#a2af3f
```
#a2af3f rgb(162,175,63)
```
#6aaf3f
```
#6aaf3f rgb(106,175,63)
```

Analogous Color

#843faf
```
#843faf rgb(132,63,175)
```
#a2af3f
```
#a2af3f rgb(162,175,63)
```
#3f6aaf
```
#3f6aaf rgb(63,106,175)
```

Split Complementary Color

#af3fa2
```
#af3fa2 rgb(175,63,162)
```
#a2af3f
```
#a2af3f rgb(162,175,63)
```
#3fa2af
```
#3fa2af rgb(63,162,175)
```

Triadic Color

#af4c3f
```
#af4c3f rgb(175,76,63)
```
#a2af3f
```
#a2af3f rgb(162,175,63)
```
#3fa2af
```
#3fa2af rgb(63,162,175)
```
#4c3faf
```
#4c3faf rgb(76,63,175)
```

Tetradic Color

#6e772b
```
#6e772b rgb(110,119,43)
```
#7f8a32
```
#7f8a32 rgb(127,138,50)
```
#919c38
```
#919c38 rgb(145,156,56)
```
#a2af3f
```
#a2af3f rgb(162,175,63)
```
#b0be4a
```
#b0be4a rgb(176,190,74)
```
#b8c55d
```
#b8c55d rgb(184,197,93)
```
#c1cb6f
```
#c1cb6f rgb(193,203,111)
```

Monochromatic Color

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

#afa03f
```
#afa03f rgb(175,160,63)
```
#afa93f
```
#afa93f rgb(175,169,63)
```
#abaf3f
```
#abaf3f rgb(171,175,63)
```
#a2af3f
```
#a2af3f rgb(162,175,63)
```
#99af3f
```
#99af3f rgb(153,175,63)
```
#8faf3f
```
#8faf3f rgb(143,175,63)
```
#86af3f
```
#86af3f rgb(134,175,63)
```

Similar Colors

Text with hexadecimal color #a2af3f

This text has a font color of #a2af3f.

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

#a2af3f background color

This paragraph has a background color of #a2af3f.

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

#a2af3f border color

This element has a border color of #a2af3f.

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

CSS codes

.text {color:#a2af3f;}

.background {background-color:#a2af3f;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0f1006
```
#0f1006 rgb(15,16,6)
```
#1c1f0b
```
#1c1f0b rgb(28,31,11)
```
#2a2d10
```
#2a2d10 rgb(42,45,16)
```
#373c15
```
#373c15 rgb(55,60,21)
```
#454a1b
```
#454a1b rgb(69,74,27)
```
#525820
```
#525820 rgb(82,88,32)
```
#5f6725
```
#5f6725 rgb(95,103,37)
```
#6d752a
```
#6d752a rgb(109,117,42)
```
#7a842f
```
#7a842f rgb(122,132,47)
```
#879235
```
#879235 rgb(135,146,53)
```
#95a13a
```
#95a13a rgb(149,161,58)
```
#a2af3f
```
#a2af3f rgb(162,175,63)
```

Shade Color Variation

#aebc45
```
#aebc45 rgb(174,188,69)
```
#b5c154
```
#b5c154 rgb(181,193,84)
```
#bbc762
```
#bbc762 rgb(187,199,98)
```
#c1cc71
```
#c1cc71 rgb(193,204,113)
```
#c7d17f
```
#c7d17f rgb(199,209,127)
```
#ced68e
```
#ced68e rgb(206,214,142)
```
#d4db9c
```
#d4db9c rgb(212,219,156)
```
#dae1aa
```
#dae1aa rgb(218,225,170)
```
#e1e6b9
```
#e1e6b9 rgb(225,230,185)
```
#e7ebc7
```
#e7ebc7 rgb(231,235,199)
```
#edf0d6
```
#edf0d6 rgb(237,240,214)
```
#f3f5e4
```
#f3f5e4 rgb(243,245,228)
```
#fafbf3
```
#fafbf3 rgb(250,251,243)
```

Tint Color Variation

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

#787876
```
#787876 rgb(120,120,118)
```
#7f816d
```
#7f816d rgb(127,129,109)
```
#868a64
```
#868a64 rgb(134,138,100)
```
#8d945a
```
#8d945a rgb(141,148,90)
```
#949d51
```
#949d51 rgb(148,157,81)
```
#9ba648
```
#9ba648 rgb(155,166,72)
```
#a2af3f
```
#a2af3f rgb(162,175,63)
```
#a9b836
```
#a9b836 rgb(169,184,54)
```
#b0c12d
```
#b0c12d rgb(176,193,45)
```
#b7ca24
```
#b7ca24 rgb(183,202,36)
```
#bed41a
```
#bed41a rgb(190,212,26)
```
#c5dd11
```
#c5dd11 rgb(197,221,17)
```
#cce608
```
#cce608 rgb(204,230,8)
```

Tone Color Variation

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

#beab46 Protanopia 1% of men
#d3a34f Deuteranopia 1% of men
#b3a8b4 Tritanopia 0.001% of the population

Trichromacy

#b4ad44 Protanomaly 1% of men, 0.01% of women
#c1a749 Deuteranomaly 6% of men, 0.4% of women
#acaa89 Tritanomaly 0.01% of the population

#a2af3f hex color

#a2af3f Color Information

#a2af3f Color Conversion

Color Schemes with #a2af3f

Alternatives to #a2af3f

#a2af3f Preview

Shades and Tints of #a2af3f

Tones of #a2af3f

Color Blindness Simulator