#a2b422 hex color

In a RGB color space, hex #a2b422 is composed of 63.5% red, 70.6% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 10% cyan, 0% magenta, 81.1% yellow and 29.4% black. It has a hue angle of 67.4 degrees, a saturation of 68.2% and a lightness of 42%. #a2b422 color hex could be obtained by blending #ffff44 with #456900. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 64
- G 71
- B 13
RGB color chart
- C 10
- M 0
- Y 81
- K 29
CMYK color chart

● #a2b422 color description : Strong yellow.

The hexadecimal color #a2b422 has RGB values of R:162, G:180, B:34 and CMYK values of C:0.1, M:0, Y:0.81, K:0.29. Its decimal value is 10662946.

Hex triplet	a2b422	`#a2b422`
RGB Decimal	162, 180, 34	`rgb(162,180,34)`
RGB Percent	63.5, 70.6, 13.3	`rgb(63.5%,70.6%,13.3%)`
CMYK	10, 0, 81, 29
HSL	67.4°, 68.2, 42	`hsl(67.4,68.2%,42%)`
HSV (or HSB)	67.4°, 81.1, 70.6
Web Safe	99cc33	`#99cc33`

CIE-LAB	69.781, -23.696, 65.34
XYZ	31.51, 40.439, 7.659
xyY	0.396, 0.508, 40.439
CIE-LCH	69.781, 69.504, 109.934
CIE-LUV	69.781, -6.514, 74.578
Hunter-Lab	63.592, -22.839, 37.374
Binary	10100010, 10110100, 00100010

#a2b422
```
#a2b422 rgb(162,180,34)
```
#3422b4
```
#3422b4 rgb(52,34,180)
```

Complementary Color

#b47d22
```
#b47d22 rgb(180,125,34)
```
#a2b422
```
#a2b422 rgb(162,180,34)
```
#59b422
```
#59b422 rgb(89,180,34)
```

Analogous Color

#7d22b4
```
#7d22b4 rgb(125,34,180)
```
#a2b422
```
#a2b422 rgb(162,180,34)
```
#2259b4
```
#2259b4 rgb(34,89,180)
```

Split Complementary Color

#b422a2
```
#b422a2 rgb(180,34,162)
```
#a2b422
```
#a2b422 rgb(162,180,34)
```
#22a2b4
```
#22a2b4 rgb(34,162,180)
```

Triadic Color

#b43422
```
#b43422 rgb(180,52,34)
```
#a2b422
```
#a2b422 rgb(162,180,34)
```
#22a2b4
```
#22a2b4 rgb(34,162,180)
```
#3422b4
```
#3422b4 rgb(52,34,180)
```

Tetradic Color

#687416
```
#687416 rgb(104,116,22)
```
#7b891a
```
#7b891a rgb(123,137,26)
```
#8f9f1e
```
#8f9f1e rgb(143,159,30)
```
#a2b422
```
#a2b422 rgb(162,180,34)
```
#b5c926
```
#b5c926 rgb(181,201,38)
```
#c3d831
```
#c3d831 rgb(195,216,49)
```
#cadc46
```
#cadc46 rgb(202,220,70)
```

Monochromatic Color

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

#b4a222
```
#b4a222 rgb(180,162,34)
```
#b4ae22
```
#b4ae22 rgb(180,174,34)
```
#aeb422
```
#aeb422 rgb(174,180,34)
```
#a2b422
```
#a2b422 rgb(162,180,34)
```
#96b422
```
#96b422 rgb(150,180,34)
```
#8ab422
```
#8ab422 rgb(138,180,34)
```
#7eb422
```
#7eb422 rgb(126,180,34)
```

Similar Colors

Text with hexadecimal color #a2b422

This text has a font color of #a2b422.

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

#a2b422 background color

This paragraph has a background color of #a2b422.

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

#a2b422 border color

This element has a border color of #a2b422.

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

CSS codes

.text {color:#a2b422;}

.background {background-color:#a2b422;}

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

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

#0e0f03
```
#0e0f03 rgb(14,15,3)
```
#1c2006
```
#1c2006 rgb(28,32,6)
```
#2b3009
```
#2b3009 rgb(43,48,9)
```
#3a410c
```
#3a410c rgb(58,65,12)
```
#49510f
```
#49510f rgb(73,81,15)
```
#586212
```
#586212 rgb(88,98,18)
```
#677216
```
#677216 rgb(103,114,22)
```
#758319
```
#758319 rgb(117,131,25)
```
#84931c
```
#84931c rgb(132,147,28)
```
#93a41f
```
#93a41f rgb(147,164,31)
```
#a2b422
```
#a2b422 rgb(162,180,34)
```
#b1c425
```
#b1c425 rgb(177,196,37)
```
#c0d528
```
#c0d528 rgb(192,213,40)
```

Shade Color Variation

#c5d938
```
#c5d938 rgb(197,217,56)
```
#cadc48
```
#cadc48 rgb(202,220,72)
```
#cfe059
```
#cfe059 rgb(207,224,89)
```
#d4e369
```
#d4e369 rgb(212,227,105)
```
#d8e67a
```
#d8e67a rgb(216,230,122)
```
#dde98a
```
#dde98a rgb(221,233,138)
```
#e2ec9b
```
#e2ec9b rgb(226,236,155)
```
#e7efab
```
#e7efab rgb(231,239,171)
```
#ecf2bc
```
#ecf2bc rgb(236,242,188)
```
#f0f5cc
```
#f0f5cc rgb(240,245,204)
```
#f5f8dd
```
#f5f8dd rgb(245,248,221)
```
#fafced
```
#fafced rgb(250,252,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#707264
```
#707264 rgb(112,114,100)
```
#777a5c
```
#777a5c rgb(119,122,92)
```
#7d8353
```
#7d8353 rgb(125,131,83)
```
#838b4b
```
#838b4b rgb(131,139,75)
```
#899343
```
#899343 rgb(137,147,67)
```
#8f9b3b
```
#8f9b3b rgb(143,155,59)
```
#96a432
```
#96a432 rgb(150,164,50)
```
#9cac2a
```
#9cac2a rgb(156,172,42)
```
#a2b422
```
#a2b422 rgb(162,180,34)
```
#a8bc1a
```
#a8bc1a rgb(168,188,26)
```
#aec412
```
#aec412 rgb(174,196,18)
```
#b5cd09
```
#b5cd09 rgb(181,205,9)
```
#bbd501
```
#bbd501 rgb(187,213,1)
```

Tone Color Variation

Below, you can see how #a2b422 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
#9fa285 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3af2b Protanopia 1% of men
#d9a637 Deuteranopia 1% of men
#b4abb8 Tritanopia 0.001% of the population

Trichromacy

#b7b027 Protanomaly 1% of men, 0.01% of women
#c5ab2f Deuteranomaly 6% of men, 0.4% of women
#aeae81 Tritanomaly 0.01% of the population

#a2b422 hex color

#a2b422 Color Information

#a2b422 Color Conversion

Color Schemes with #a2b422

Alternatives to #a2b422

#a2b422 Preview

Shades and Tints of #a2b422

Tones of #a2b422

Color Blindness Simulator