#a2b220 hex color

In a RGB color space, hex #a2b220 is composed of 63.5% red, 69.8% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 9% cyan, 0% magenta, 82% yellow and 30.2% black. It has a hue angle of 66.6 degrees, a saturation of 69.5% and a lightness of 41.2%. #a2b220 color hex could be obtained by blending #ffff40 with #456500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 64
- G 70
- B 13
RGB color chart
- C 9
- M 0
- Y 82
- K 30
CMYK color chart

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

The hexadecimal color #a2b220 has RGB values of R:162, G:178, B:32 and CMYK values of C:0.09, M:0, Y:0.82, K:0.3. Its decimal value is 10662432.

Hex triplet	a2b220	`#a2b220`
RGB Decimal	162, 178, 32	`rgb(162,178,32)`
RGB Percent	63.5, 69.8, 12.5	`rgb(63.5%,69.8%,12.5%)`
CMYK	9, 0, 82, 30
HSL	66.6°, 69.5, 41.2	`hsl(66.6,69.5%,41.2%)`
HSV (or HSB)	66.6°, 82, 69.8
Web Safe	999933	`#999933`

CIE-LAB	69.203, -22.779, 65.365
XYZ	31.081, 39.627, 7.378
xyY	0.398, 0.507, 39.627
CIE-LCH	69.203, 69.22, 109.213
CIE-LUV	69.203, -5.277, 74.095
Hunter-Lab	62.95, -22.028, 37.116
Binary	10100010, 10110010, 00100000

#a2b220
```
#a2b220 rgb(162,178,32)
```
#3020b2
```
#3020b2 rgb(48,32,178)
```

Complementary Color

#b27920
```
#b27920 rgb(178,121,32)
```
#a2b220
```
#a2b220 rgb(162,178,32)
```
#59b220
```
#59b220 rgb(89,178,32)
```

Analogous Color

#7920b2
```
#7920b2 rgb(121,32,178)
```
#a2b220
```
#a2b220 rgb(162,178,32)
```
#2059b2
```
#2059b2 rgb(32,89,178)
```

Split Complementary Color

#b220a2
```
#b220a2 rgb(178,32,162)
```
#a2b220
```
#a2b220 rgb(162,178,32)
```
#20a2b2
```
#20a2b2 rgb(32,162,178)
```

Triadic Color

#b23020
```
#b23020 rgb(178,48,32)
```
#a2b220
```
#a2b220 rgb(162,178,32)
```
#20a2b2
```
#20a2b2 rgb(32,162,178)
```
#3020b2
```
#3020b2 rgb(48,32,178)
```

Tetradic Color

#677114
```
#677114 rgb(103,113,20)
```
#7b8718
```
#7b8718 rgb(123,135,24)
```
#8e9c1c
```
#8e9c1c rgb(142,156,28)
```
#a2b220
```
#a2b220 rgb(162,178,32)
```
#b6c824
```
#b6c824 rgb(182,200,36)
```
#c6d92c
```
#c6d92c rgb(198,217,44)
```
#ccdd42
```
#ccdd42 rgb(204,221,66)
```

Monochromatic Color

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

#b29e20
```
#b29e20 rgb(178,158,32)
```
#b2aa20
```
#b2aa20 rgb(178,170,32)
```
#aeb220
```
#aeb220 rgb(174,178,32)
```
#a2b220
```
#a2b220 rgb(162,178,32)
```
#96b220
```
#96b220 rgb(150,178,32)
```
#8ab220
```
#8ab220 rgb(138,178,32)
```
#7eb220
```
#7eb220 rgb(126,178,32)
```

Similar Colors

Text with hexadecimal color #a2b220

This text has a font color of #a2b220.

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

#a2b220 background color

This paragraph has a background color of #a2b220.

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

#a2b220 border color

This element has a border color of #a2b220.

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

CSS codes

.text {color:#a2b220;}

.background {background-color:#a2b220;}

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

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, #0b0c02 is the darkest color, while #fefefa is the lightest one.

#0b0c02
```
#0b0c02 rgb(11,12,2)
```
#1a1c05
```
#1a1c05 rgb(26,28,5)
```
#292d08
```
#292d08 rgb(41,45,8)
```
#383e0b
```
#383e0b rgb(56,62,11)
```
#474e0e
```
#474e0e rgb(71,78,14)
```
#565f11
```
#565f11 rgb(86,95,17)
```
#656f14
```
#656f14 rgb(101,111,20)
```
#758017
```
#758017 rgb(117,128,23)
```
#84911a
```
#84911a rgb(132,145,26)
```
#93a11d
```
#93a11d rgb(147,161,29)
```
#a2b220
```
#a2b220 rgb(162,178,32)
```
#b1c323
```
#b1c323 rgb(177,195,35)
```
#c0d326
```
#c0d326 rgb(192,211,38)
```

Shade Color Variation

#c8da33
```
#c8da33 rgb(200,218,51)
```
#ccdd43
```
#ccdd43 rgb(204,221,67)
```
#d1e054
```
#d1e054 rgb(209,224,84)
```
#d5e364
```
#d5e364 rgb(213,227,100)
```
#dae675
```
#dae675 rgb(218,230,117)
```
#dee986
```
#dee986 rgb(222,233,134)
```
#e3ec96
```
#e3ec96 rgb(227,236,150)
```
#e7efa7
```
#e7efa7 rgb(231,239,167)
```
#ecf2b8
```
#ecf2b8 rgb(236,242,184)
```
#f0f5c8
```
#f0f5c8 rgb(240,245,200)
```
#f5f8d9
```
#f5f8d9 rgb(245,248,217)
```
#f9fbe9
```
#f9fbe9 rgb(249,251,233)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#707161
```
#707161 rgb(112,113,97)
```
#767959
```
#767959 rgb(118,121,89)
```
#7c8250
```
#7c8250 rgb(124,130,80)
```
#828a48
```
#828a48 rgb(130,138,72)
```
#899240
```
#899240 rgb(137,146,64)
```
#8f9a38
```
#8f9a38 rgb(143,154,56)
```
#95a230
```
#95a230 rgb(149,162,48)
```
#9caa28
```
#9caa28 rgb(156,170,40)
```
#a2b220
```
#a2b220 rgb(162,178,32)
```
#a8ba18
```
#a8ba18 rgb(168,186,24)
```
#afc210
```
#afc210 rgb(175,194,16)
```
#b5ca08
```
#b5ca08 rgb(181,202,8)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#9ea184 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2ad29 Protanopia 1% of men
#d7a536 Deuteranopia 1% of men
#b4aab6 Tritanopia 0.001% of the population

Trichromacy

#b6af25 Protanomaly 1% of men, 0.01% of women
#c4a92e Deuteranomaly 6% of men, 0.4% of women
#adad7f Tritanomaly 0.01% of the population

#a2b220 hex color

#a2b220 Color Information

#a2b220 Color Conversion

Color Schemes with #a2b220

Alternatives to #a2b220

#a2b220 Preview

Shades and Tints of #a2b220

Tones of #a2b220

Color Blindness Simulator