#a2bc82 hex color

In a RGB color space, hex #a2bc82 is composed of 63.5% red, 73.7% green and 51% blue. Whereas in a CMYK color space, it is composed of 13.8% cyan, 0% magenta, 30.9% yellow and 26.3% black. It has a hue angle of 86.9 degrees, a saturation of 30.2% and a lightness of 62.4%. #a2bc82 color hex could be obtained by blending #ffffff with #457905. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 64
- G 74
- B 51
RGB color chart
- C 14
- M 0
- Y 31
- K 26
CMYK color chart

● #a2bc82 color description : Slightly desaturated green.

The hexadecimal color #a2bc82 has RGB values of R:162, G:188, B:130 and CMYK values of C:0.14, M:0, Y:0.31, K:0.26. Its decimal value is 10665090.

Hex triplet	a2bc82	`#a2bc82`
RGB Decimal	162, 188, 130	`rgb(162,188,130)`
RGB Percent	63.5, 73.7, 51	`rgb(63.5%,73.7%,51%)`
CMYK	14, 0, 31, 26
HSL	86.9°, 30.2, 62.4	`hsl(86.9,30.2%,62.4%)`
HSV (or HSB)	86.9°, 30.9, 73.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.062, -19.097, 26.51
XYZ	36.912, 45.259, 27.909
xyY	0.335, 0.411, 45.259
CIE-LCH	73.062, 32.672, 125.767
CIE-LUV	73.062, -12.51, 39.066
Hunter-Lab	67.275, -19.793, 22.496
Binary	10100010, 10111100, 10000010

#a2bc82
```
#a2bc82 rgb(162,188,130)
```
#9c82bc
```
#9c82bc rgb(156,130,188)
```

Complementary Color

#bcb982
```
#bcb982 rgb(188,185,130)
```
#a2bc82
```
#a2bc82 rgb(162,188,130)
```
#85bc82
```
#85bc82 rgb(133,188,130)
```

Analogous Color

#b982bc
```
#b982bc rgb(185,130,188)
```
#a2bc82
```
#a2bc82 rgb(162,188,130)
```
#8285bc
```
#8285bc rgb(130,133,188)
```

Split Complementary Color

#bc82a2
```
#bc82a2 rgb(188,130,162)
```
#a2bc82
```
#a2bc82 rgb(162,188,130)
```
#82a2bc
```
#82a2bc rgb(130,162,188)
```

Triadic Color

#bc9c82
```
#bc9c82 rgb(188,156,130)
```
#a2bc82
```
#a2bc82 rgb(162,188,130)
```
#82a2bc
```
#82a2bc rgb(130,162,188)
```
#9c82bc
```
#9c82bc rgb(156,130,188)
```

Tetradic Color

#7d9d54
```
#7d9d54 rgb(125,157,84)
```
#89aa61
```
#89aa61 rgb(137,170,97)
```
#96b371
```
#96b371 rgb(150,179,113)
```
#a2bc82
```
#a2bc82 rgb(162,188,130)
```
#aec593
```
#aec593 rgb(174,197,147)
```
#bbcea3
```
#bbcea3 rgb(187,206,163)
```
#c7d7b4
```
#c7d7b4 rgb(199,215,180)
```

Monochromatic Color

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

#b1bc82
```
#b1bc82 rgb(177,188,130)
```
#acbc82
```
#acbc82 rgb(172,188,130)
```
#a7bc82
```
#a7bc82 rgb(167,188,130)
```
#a2bc82
```
#a2bc82 rgb(162,188,130)
```
#9dbc82
```
#9dbc82 rgb(157,188,130)
```
#98bc82
```
#98bc82 rgb(152,188,130)
```
#94bc82
```
#94bc82 rgb(148,188,130)
```

Similar Colors

Text with hexadecimal color #a2bc82

This text has a font color of #a2bc82.

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

#a2bc82 background color

This paragraph has a background color of #a2bc82.

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

#a2bc82 border color

This element has a border color of #a2bc82.

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

CSS codes

.text {color:#a2bc82;}

.background {background-color:#a2bc82;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0c0f08
```
#0c0f08 rgb(12,15,8)
```
#161c0f
```
#161c0f rgb(22,28,15)
```
#202916
```
#202916 rgb(32,41,22)
```
#2b361d
```
#2b361d rgb(43,54,29)
```
#354324
```
#354324 rgb(53,67,36)
```
#3f4f2b
```
#3f4f2b rgb(63,79,43)
```
#495c31
```
#495c31 rgb(73,92,49)
```
#536938
```
#536938 rgb(83,105,56)
```
#5d763f
```
#5d763f rgb(93,118,63)
```
#678246
```
#678246 rgb(103,130,70)
```
#718f4d
```
#718f4d rgb(113,143,77)
```
#7c9c54
```
#7c9c54 rgb(124,156,84)
```

Shade Color Variation

#85a75c
```
#85a75c rgb(133,167,92)
```
#8fae68
```
#8fae68 rgb(143,174,104)
```
#98b575
```
#98b575 rgb(152,181,117)
```
#a2bc82
```
#a2bc82 rgb(162,188,130)
```
#acc38f
```
#acc38f rgb(172,195,143)
```
#b5ca9c
```
#b5ca9c rgb(181,202,156)
```
#bfd1a8
```
#bfd1a8 rgb(191,209,168)
```
#c8d7b5
```
#c8d7b5 rgb(200,215,181)
```
#d2dec2
```
#d2dec2 rgb(210,222,194)
```
#dbe5cf
```
#dbe5cf rgb(219,229,207)
```
#e5ecdb
```
#e5ecdb rgb(229,236,219)
```
#eef3e8
```
#eef3e8 rgb(238,243,232)
```
#f8faf5
```
#f8faf5 rgb(248,250,245)
```

Tint Color Variation

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

#a0a698
```
#a0a698 rgb(160,166,152)
```
#a0ad91
```
#a0ad91 rgb(160,173,145)
```
#a1b589
```
#a1b589 rgb(161,181,137)
```
#a2bc82
```
#a2bc82 rgb(162,188,130)
```
#a3c37b
```
#a3c37b rgb(163,195,123)
```
#a4cb73
```
#a4cb73 rgb(164,203,115)
```
#a4d26c
```
#a4d26c rgb(164,210,108)
```
#a5da64
```
#a5da64 rgb(165,218,100)
```
#a6e15d
```
#a6e15d rgb(166,225,93)
```
#a7e856
```
#a7e856 rgb(167,232,86)
```
#a7f04e
```
#a7f04e rgb(167,240,78)
```
#a8f747
```
#a8f747 rgb(168,247,71)
```
#a9fe40
```
#a9fe40 rgb(169,254,64)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#acb1a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b785 Protanopia 1% of men
#d6b08d Deuteranopia 1% of men
#b1b7c4 Tritanopia 0.001% of the population

Trichromacy

#b8b883 Protanomaly 1% of men, 0.01% of women
#c3b489 Deuteranomaly 6% of men, 0.4% of women
#abb9ac Tritanomaly 0.01% of the population

#a2bc82 hex color

#a2bc82 Color Information

#a2bc82 Color Conversion

Color Schemes with #a2bc82

Alternatives to #a2bc82

#a2bc82 Preview

Shades and Tints of #a2bc82

Tones of #a2bc82

Color Blindness Simulator