#a2bc6c hex color

In a RGB color space, hex #a2bc6c is composed of 63.5% red, 73.7% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 13.8% cyan, 0% magenta, 42.6% yellow and 26.3% black. It has a hue angle of 79.5 degrees, a saturation of 37.4% and a lightness of 58%. #a2bc6c color hex could be obtained by blending #ffffd8 with #457900. Closest websafe color is: #99cc66.

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

● #a2bc6c color description : Slightly desaturated green.

The hexadecimal color #a2bc6c has RGB values of R:162, G:188, B:108 and CMYK values of C:0.14, M:0, Y:0.43, K:0.26. Its decimal value is 10665068.

Hex triplet	a2bc6c	`#a2bc6c`
RGB Decimal	162, 188, 108	`rgb(162,188,108)`
RGB Percent	63.5, 73.7, 42.4	`rgb(63.5%,73.7%,42.4%)`
CMYK	14, 0, 43, 26
HSL	79.5°, 37.4, 58	`hsl(79.5,37.4%,58%)`
HSV (or HSB)	79.5°, 42.6, 73.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.714, -22.004, 37.502
XYZ	35.59, 44.73, 20.945
xyY	0.351, 0.442, 44.73
CIE-LCH	72.714, 43.481, 120.402
CIE-LUV	72.714, -12.109, 51.902
Hunter-Lab	66.881, -22.055, 28.248
Binary	10100010, 10111100, 01101100

#a2bc6c
```
#a2bc6c rgb(162,188,108)
```
#866cbc
```
#866cbc rgb(134,108,188)
```

Complementary Color

#bcae6c
```
#bcae6c rgb(188,174,108)
```
#a2bc6c
```
#a2bc6c rgb(162,188,108)
```
#7abc6c
```
#7abc6c rgb(122,188,108)
```

Analogous Color

#ae6cbc
```
#ae6cbc rgb(174,108,188)
```
#a2bc6c
```
#a2bc6c rgb(162,188,108)
```
#6c7abc
```
#6c7abc rgb(108,122,188)
```

Split Complementary Color

#bc6ca2
```
#bc6ca2 rgb(188,108,162)
```
#a2bc6c
```
#a2bc6c rgb(162,188,108)
```
#6ca2bc
```
#6ca2bc rgb(108,162,188)
```

Triadic Color

#bc866c
```
#bc866c rgb(188,134,108)
```
#a2bc6c
```
#a2bc6c rgb(162,188,108)
```
#6ca2bc
```
#6ca2bc rgb(108,162,188)
```
#866cbc
```
#866cbc rgb(134,108,188)
```

Tetradic Color

#7c9745
```
#7c9745 rgb(124,151,69)
```
#8ba84d
```
#8ba84d rgb(139,168,77)
```
#97b45a
```
#97b45a rgb(151,180,90)
```
#a2bc6c
```
#a2bc6c rgb(162,188,108)
```
#adc47e
```
#adc47e rgb(173,196,126)
```
#b8cc8f
```
#b8cc8f rgb(184,204,143)
```
#c3d4a1
```
#c3d4a1 rgb(195,212,161)
```

Monochromatic Color

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

#b6bc6c
```
#b6bc6c rgb(182,188,108)
```
#afbc6c
```
#afbc6c rgb(175,188,108)
```
#a9bc6c
```
#a9bc6c rgb(169,188,108)
```
#a2bc6c
```
#a2bc6c rgb(162,188,108)
```
#9bbc6c
```
#9bbc6c rgb(155,188,108)
```
#95bc6c
```
#95bc6c rgb(149,188,108)
```
#8ebc6c
```
#8ebc6c rgb(142,188,108)
```

Similar Colors

Text with hexadecimal color #a2bc6c

This text has a font color of #a2bc6c.

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

#a2bc6c background color

This paragraph has a background color of #a2bc6c.

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

#a2bc6c border color

This element has a border color of #a2bc6c.

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

CSS codes

.text {color:#a2bc6c;}

.background {background-color:#a2bc6c;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0c0f07
```
#0c0f07 rgb(12,15,7)
```
#171c0d
```
#171c0d rgb(23,28,13)
```
#222a13
```
#222a13 rgb(34,42,19)
```
#2d3719
```
#2d3719 rgb(45,55,25)
```
#38451f
```
#38451f rgb(56,69,31)
```
#445225
```
#445225 rgb(68,82,37)
```
#4f602c
```
#4f602c rgb(79,96,44)
```
#5a6d32
```
#5a6d32 rgb(90,109,50)
```
#657a38
```
#657a38 rgb(101,122,56)
```
#70883e
```
#70883e rgb(112,136,62)
```
#7b9544
```
#7b9544 rgb(123,149,68)
```
#86a34a
```
#86a34a rgb(134,163,74)
```

Shade Color Variation

#91b051
```
#91b051 rgb(145,176,81)
```
#99b65f
```
#99b65f rgb(153,182,95)
```
#a2bc6c
```
#a2bc6c rgb(162,188,108)
```
#abc279
```
#abc279 rgb(171,194,121)
```
#b3c887
```
#b3c887 rgb(179,200,135)
```
#bcce94
```
#bcce94 rgb(188,206,148)
```
#c4d5a2
```
#c4d5a2 rgb(196,213,162)
```
#cddbaf
```
#cddbaf rgb(205,219,175)
```
#d5e1bd
```
#d5e1bd rgb(213,225,189)
```
#dee7ca
```
#dee7ca rgb(222,231,202)
```
#e6edd8
```
#e6edd8 rgb(230,237,216)
```
#eff3e5
```
#eff3e5 rgb(239,243,229)
```
#f7f9f3
```
#f7f9f3 rgb(247,249,243)
```

Tint Color Variation

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

#969b8d
```
#969b8d rgb(150,155,141)
```
#99a385
```
#99a385 rgb(153,163,133)
```
#9cac7c
```
#9cac7c rgb(156,172,124)
```
#9fb474
```
#9fb474 rgb(159,180,116)
```
#a2bc6c
```
#a2bc6c rgb(162,188,108)
```
#a5c464
```
#a5c464 rgb(165,196,100)
```
#a8cc5c
```
#a8cc5c rgb(168,204,92)
```
#abd553
```
#abd553 rgb(171,213,83)
```
#aedd4b
```
#aedd4b rgb(174,221,75)
```
#b0e543
```
#b0e543 rgb(176,229,67)
```
#b3ed3b
```
#b3ed3b rgb(179,237,59)
```
#b6f632
```
#b6f632 rgb(182,246,50)
```
#b9fe2a
```
#b9fe2a rgb(185,254,42)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#a9ae9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b670 Protanopia 1% of men
#daae79 Deuteranopia 1% of men
#b2b6c3 Tritanopia 0.001% of the population

Trichromacy

#b9b86e Protanomaly 1% of men, 0.01% of women
#c5b374 Deuteranomaly 6% of men, 0.4% of women
#acb8a3 Tritanomaly 0.01% of the population

#a2bc6c hex color

#a2bc6c Color Information

#a2bc6c Color Conversion

Color Schemes with #a2bc6c

Alternatives to #a2bc6c

#a2bc6c Preview

Shades and Tints of #a2bc6c

Tones of #a2bc6c

Color Blindness Simulator