#a2b980 hex color

In a RGB color space, hex #a2b980 is composed of 63.5% red, 72.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 12.4% cyan, 0% magenta, 30.8% yellow and 27.5% black. It has a hue angle of 84.2 degrees, a saturation of 28.9% and a lightness of 61.4%. #a2b980 color hex could be obtained by blending #ffffff with #457301. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 64
- G 73
- B 50
RGB color chart
- C 12
- M 0
- Y 31
- K 27
CMYK color chart

● #a2b980 color description : Slightly desaturated green.

The hexadecimal color #a2b980 has RGB values of R:162, G:185, B:128 and CMYK values of C:0.12, M:0, Y:0.31, K:0.27. Its decimal value is 10664320.

Hex triplet	a2b980	`#a2b980`
RGB Decimal	162, 185, 128	`rgb(162,185,128)`
RGB Percent	63.5, 72.5, 50.2	`rgb(63.5%,72.5%,50.2%)`
CMYK	12, 0, 31, 27
HSL	84.2°, 28.9, 61.4	`hsl(84.2,28.9%,61.4%)`
HSV (or HSB)	84.2°, 30.8, 72.5
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.187, -17.868, 26.399
XYZ	36.145, 43.937, 26.997
xyY	0.338, 0.41, 43.937
CIE-LCH	72.187, 31.878, 124.091
CIE-LUV	72.187, -10.863, 38.585
Hunter-Lab	66.285, -18.665, 22.251
Binary	10100010, 10111001, 10000000

#a2b980
```
#a2b980 rgb(162,185,128)
```
#9780b9
```
#9780b9 rgb(151,128,185)
```

Complementary Color

#b9b480
```
#b9b480 rgb(185,180,128)
```
#a2b980
```
#a2b980 rgb(162,185,128)
```
#86b980
```
#86b980 rgb(134,185,128)
```

Analogous Color

#b480b9
```
#b480b9 rgb(180,128,185)
```
#a2b980
```
#a2b980 rgb(162,185,128)
```
#8086b9
```
#8086b9 rgb(128,134,185)
```

Split Complementary Color

#b980a2
```
#b980a2 rgb(185,128,162)
```
#a2b980
```
#a2b980 rgb(162,185,128)
```
#80a2b9
```
#80a2b9 rgb(128,162,185)
```

Triadic Color

#b99780
```
#b99780 rgb(185,151,128)
```
#a2b980
```
#a2b980 rgb(162,185,128)
```
#80a2b9
```
#80a2b9 rgb(128,162,185)
```
#9780b9
```
#9780b9 rgb(151,128,185)
```

Tetradic Color

#7d9854
```
#7d9854 rgb(125,152,84)
```
#8aa75f
```
#8aa75f rgb(138,167,95)
```
#96b070
```
#96b070 rgb(150,176,112)
```
#a2b980
```
#a2b980 rgb(162,185,128)
```
#aec290
```
#aec290 rgb(174,194,144)
```
#bacba1
```
#bacba1 rgb(186,203,161)
```
#c6d4b1
```
#c6d4b1 rgb(198,212,177)
```

Monochromatic Color

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

#b0b980
```
#b0b980 rgb(176,185,128)
```
#acb980
```
#acb980 rgb(172,185,128)
```
#a7b980
```
#a7b980 rgb(167,185,128)
```
#a2b980
```
#a2b980 rgb(162,185,128)
```
#9db980
```
#9db980 rgb(157,185,128)
```
#99b980
```
#99b980 rgb(153,185,128)
```
#94b980
```
#94b980 rgb(148,185,128)
```

Similar Colors

Text with hexadecimal color #a2b980

This text has a font color of #a2b980.

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

#a2b980 background color

This paragraph has a background color of #a2b980.

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

#a2b980 border color

This element has a border color of #a2b980.

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

CSS codes

.text {color:#a2b980;}

.background {background-color:#a2b980;}

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

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

#0a0c07
```
#0a0c07 rgb(10,12,7)
```
#14190e
```
#14190e rgb(20,25,14)
```
#1f2515
```
#1f2515 rgb(31,37,21)
```
#29321c
```
#29321c rgb(41,50,28)
```
#333f23
```
#333f23 rgb(51,63,35)
```
#3e4b2a
```
#3e4b2a rgb(62,75,42)
```
#485830
```
#485830 rgb(72,88,48)
```
#526537
```
#526537 rgb(82,101,55)
```
#5d713e
```
#5d713e rgb(93,113,62)
```
#677e45
```
#677e45 rgb(103,126,69)
```
#718b4c
```
#718b4c rgb(113,139,76)
```
#7c9753
```
#7c9753 rgb(124,151,83)
```
#86a45a
```
#86a45a rgb(134,164,90)
```

Shade Color Variation

#8fab67
```
#8fab67 rgb(143,171,103)
```
#99b273
```
#99b273 rgb(153,178,115)
```
#a2b980
```
#a2b980 rgb(162,185,128)
```
#abc08d
```
#abc08d rgb(171,192,141)
```
#b5c799
```
#b5c799 rgb(181,199,153)
```
#becea6
```
#becea6 rgb(190,206,166)
```
#c7d5b3
```
#c7d5b3 rgb(199,213,179)
```
#d0dcbf
```
#d0dcbf rgb(208,220,191)
```
#dae3cc
```
#dae3cc rgb(218,227,204)
```
#e3ead9
```
#e3ead9 rgb(227,234,217)
```
#ecf1e5
```
#ecf1e5 rgb(236,241,229)
```
#f5f8f2
```
#f5f8f2 rgb(245,248,242)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#9ea297
```
#9ea297 rgb(158,162,151)
```
#9faa8f
```
#9faa8f rgb(159,170,143)
```
#a1b188
```
#a1b188 rgb(161,177,136)
```
#a2b980
```
#a2b980 rgb(162,185,128)
```
#a3c178
```
#a3c178 rgb(163,193,120)
```
#a5c871
```
#a5c871 rgb(165,200,113)
```
#a6d069
```
#a6d069 rgb(166,208,105)
```
#a8d762
```
#a8d762 rgb(168,215,98)
```
#a9df5a
```
#a9df5a rgb(169,223,90)
```
#abe653
```
#abe653 rgb(171,230,83)
```
#acee4b
```
#acee4b rgb(172,238,75)
```
#aef643
```
#aef643 rgb(174,246,67)
```
#affd3c
```
#affd3c rgb(175,253,60)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#aaafa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b483 Protanopia 1% of men
#d3ae8b Deuteranopia 1% of men
#b0b4c1 Tritanopia 0.001% of the population

Trichromacy

#b6b682 Protanomaly 1% of men, 0.01% of women
#c1b287 Deuteranomaly 6% of men, 0.4% of women
#abb6a9 Tritanomaly 0.01% of the population

#a2b980 hex color

#a2b980 Color Information

#a2b980 Color Conversion

Color Schemes with #a2b980

Alternatives to #a2b980

#a2b980 Preview

Shades and Tints of #a2b980

Tones of #a2b980

Color Blindness Simulator