#a2a216 hex color

In a RGB color space, hex #a2a216 is composed of 63.5% red, 63.5% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 86.4% yellow and 36.5% black. It has a hue angle of 60 degrees, a saturation of 76.1% and a lightness of 36.1%. #a2a216 color hex could be obtained by blending #ffff2c with #454500. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 64
- G 64
- B 9
RGB color chart
- C 0
- M 0
- Y 86
- K 36
CMYK color chart

● #a2a216 color description : Dark yellow [Olive tone].

The hexadecimal color #a2a216 has RGB values of R:162, G:162, B:22 and CMYK values of C:0, M:0, Y:0.86, K:0.36. Its decimal value is 10658326.

Hex triplet	a2a216	`#a2a216`
RGB Decimal	162, 162, 22	`rgb(162,162,22)`
RGB Percent	63.5, 63.5, 8.6	`rgb(63.5%,63.5%,8.6%)`
CMYK	0, 0, 86, 36
HSL	60°, 76.1, 36.1	`hsl(60,76.1%,36.1%)`
HSV (or HSB)	60°, 86.4, 63.5
Web Safe	999900	`#999900`

CIE-LAB	64.628, -14.979, 63.902
XYZ	27.966, 33.58, 5.768
xyY	0.415, 0.499, 33.58
CIE-LCH	64.628, 65.635, 103.192
CIE-LUV	64.628, 4.978, 69.052
Hunter-Lab	57.949, -15.268, 34.663
Binary	10100010, 10100010, 00010110

#a2a216
```
#a2a216 rgb(162,162,22)
```
#1616a2
```
#1616a2 rgb(22,22,162)
```

Complementary Color

#a25c16
```
#a25c16 rgb(162,92,22)
```
#a2a216
```
#a2a216 rgb(162,162,22)
```
#5ca216
```
#5ca216 rgb(92,162,22)
```

Analogous Color

#5c16a2
```
#5c16a2 rgb(92,22,162)
```
#a2a216
```
#a2a216 rgb(162,162,22)
```
#165ca2
```
#165ca2 rgb(22,92,162)
```

Split Complementary Color

#a216a2
```
#a216a2 rgb(162,22,162)
```
#a2a216
```
#a2a216 rgb(162,162,22)
```
#16a2a2
```
#16a2a2 rgb(22,162,162)
```

Triadic Color

#a21616
```
#a21616 rgb(162,22,22)
```
#a2a216
```
#a2a216 rgb(162,162,22)
```
#16a2a2
```
#16a2a2 rgb(22,162,162)
```
#1616a2
```
#1616a2 rgb(22,22,162)
```

Tetradic Color

#5f5f0d
```
#5f5f0d rgb(95,95,13)
```
#757510
```
#757510 rgb(117,117,16)
```
#8c8c13
```
#8c8c13 rgb(140,140,19)
```
#a2a216
```
#a2a216 rgb(162,162,22)
```
#b8b819
```
#b8b819 rgb(184,184,25)
```
#cfcf1c
```
#cfcf1c rgb(207,207,28)
```
#e1e123
```
#e1e123 rgb(225,225,35)
```

Monochromatic Color

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

#a27f16
```
#a27f16 rgb(162,127,22)
```
#a28b16
```
#a28b16 rgb(162,139,22)
```
#a29616
```
#a29616 rgb(162,150,22)
```
#a2a216
```
#a2a216 rgb(162,162,22)
```
#96a216
```
#96a216 rgb(150,162,22)
```
#8ba216
```
#8ba216 rgb(139,162,22)
```
#7fa216
```
#7fa216 rgb(127,162,22)
```

Similar Colors

Text with hexadecimal color #a2a216

This text has a font color of #a2a216.

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

#a2a216 background color

This paragraph has a background color of #a2a216.

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

#a2a216 border color

This element has a border color of #a2a216.

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

CSS codes

.text {color:#a2a216;}

.background {background-color:#a2a216;}

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

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

#070701
```
#070701 rgb(7,7,1)
```
#181803
```
#181803 rgb(24,24,3)
```
#292906
```
#292906 rgb(41,41,6)
```
#3a3a08
```
#3a3a08 rgb(58,58,8)
```
#4c4c0a
```
#4c4c0a rgb(76,76,10)
```
#5d5d0d
```
#5d5d0d rgb(93,93,13)
```
#6e6e0f
```
#6e6e0f rgb(110,110,15)
```
#7f7f11
```
#7f7f11 rgb(127,127,17)
```
#919114
```
#919114 rgb(145,145,20)
```
#a2a216
```
#a2a216 rgb(162,162,22)
```
#b3b318
```
#b3b318 rgb(179,179,24)
```
#c5c51b
```
#c5c51b rgb(197,197,27)
```
#d6d61d
```
#d6d61d rgb(214,214,29)
```

Shade Color Variation

#e1e125
```
#e1e125 rgb(225,225,37)
```
#e4e436
```
#e4e436 rgb(228,228,54)
```
#e6e648
```
#e6e648 rgb(230,230,72)
```
#e8e859
```
#e8e859 rgb(232,232,89)
```
#ebeb6a
```
#ebeb6a rgb(235,235,106)
```
#eded7b
```
#eded7b rgb(237,237,123)
```
#efef8d
```
#efef8d rgb(239,239,141)
```
#f2f29e
```
#f2f29e rgb(242,242,158)
```
#f4f4af
```
#f4f4af rgb(244,244,175)
```
#f7f7c0
```
#f7f7c0 rgb(247,247,192)
```
#f9f9d2
```
#f9f9d2 rgb(249,249,210)
```
#fbfbe3
```
#fbfbe3 rgb(251,251,227)
```
#fefef4
```
#fefef4 rgb(254,254,244)
```

Tint Color Variation

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

#626256
```
#626256 rgb(98,98,86)
```
#69694f
```
#69694f rgb(105,105,79)
```
#707048
```
#707048 rgb(112,112,72)
```
#787840
```
#787840 rgb(120,120,64)
```
#7f7f39
```
#7f7f39 rgb(127,127,57)
```
#868632
```
#868632 rgb(134,134,50)
```
#8d8d2b
```
#8d8d2b rgb(141,141,43)
```
#949424
```
#949424 rgb(148,148,36)
```
#9b9b1d
```
#9b9b1d rgb(155,155,29)
```
#a2a216
```
#a2a216 rgb(162,162,22)
```
#a9a90f
```
#a9a90f rgb(169,169,15)
```
#b0b008
```
#b0b008 rgb(176,176,8)
```
#b7b701
```
#b7b701 rgb(183,183,1)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#959579 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a220 Protanopia 1% of men
#c99a2b Deuteranopia 1% of men
#b29ba6 Tritanopia 0.001% of the population

Trichromacy

#aea21c Protanomaly 1% of men, 0.01% of women
#bb9d23 Deuteranomaly 6% of men, 0.4% of women
#ac9e72 Tritanomaly 0.01% of the population

#a2a216 hex color

#a2a216 Color Information

#a2a216 Color Conversion

Color Schemes with #a2a216

Alternatives to #a2a216

#a2a216 Preview

Shades and Tints of #a2a216

Tones of #a2a216

Color Blindness Simulator