#a2bc95 hex color

In a RGB color space, hex #a2bc95 is composed of 63.5% red, 73.7% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 13.8% cyan, 0% magenta, 20.7% yellow and 26.3% black. It has a hue angle of 100 degrees, a saturation of 22.5% and a lightness of 66.1%. #a2bc95 color hex could be obtained by blending #ffffff with #45792b. Closest websafe color is: #99cc99.

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

● #a2bc95 color description : Grayish green.

The hexadecimal color #a2bc95 has RGB values of R:162, G:188, B:149 and CMYK values of C:0.14, M:0, Y:0.21, K:0.26. Its decimal value is 10665109.

Hex triplet	a2bc95	`#a2bc95`
RGB Decimal	162, 188, 149	`rgb(162,188,149)`
RGB Percent	63.5, 73.7, 58.4	`rgb(63.5%,73.7%,58.4%)`
CMYK	14, 0, 21, 26
HSL	100°, 22.5, 66.1	`hsl(100,22.5%,66.1%)`
HSV (or HSB)	100°, 20.7, 73.7
Web Safe	99cc99	`#99cc99`

CIE-LAB	73.427, -16.128, 16.845
XYZ	38.307, 45.817, 35.258
xyY	0.321, 0.384, 45.817
CIE-LCH	73.427, 23.321, 133.755
CIE-LUV	73.427, -12.91, 26.419
Hunter-Lab	67.688, -17.436, 16.499
Binary	10100010, 10111100, 10010101

#a2bc95
```
#a2bc95 rgb(162,188,149)
```
#af95bc
```
#af95bc rgb(175,149,188)
```

Complementary Color

#b6bc95
```
#b6bc95 rgb(182,188,149)
```
#a2bc95
```
#a2bc95 rgb(162,188,149)
```
#95bc9c
```
#95bc9c rgb(149,188,156)
```

Analogous Color

#bc95b6
```
#bc95b6 rgb(188,149,182)
```
#a2bc95
```
#a2bc95 rgb(162,188,149)
```
#9c95bc
```
#9c95bc rgb(156,149,188)
```

Split Complementary Color

#bc95a2
```
#bc95a2 rgb(188,149,162)
```
#a2bc95
```
#a2bc95 rgb(162,188,149)
```
#95a2bc
```
#95a2bc rgb(149,162,188)
```

Triadic Color

#bcaf95
```
#bcaf95 rgb(188,175,149)
```
#a2bc95
```
#a2bc95 rgb(162,188,149)
```
#95a2bc
```
#95a2bc rgb(149,162,188)
```
#af95bc
```
#af95bc rgb(175,149,188)
```

Tetradic Color

#799e66
```
#799e66 rgb(121,158,102)
```
#87a876
```
#87a876 rgb(135,168,118)
```
#94b285
```
#94b285 rgb(148,178,133)
```
#a2bc95
```
#a2bc95 rgb(162,188,149)
```
#b0c6a5
```
#b0c6a5 rgb(176,198,165)
```
#bdd0b4
```
#bdd0b4 rgb(189,208,180)
```
#cbdac4
```
#cbdac4 rgb(203,218,196)
```

Monochromatic Color

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

#acbc95
```
#acbc95 rgb(172,188,149)
```
#a9bc95
```
#a9bc95 rgb(169,188,149)
```
#a5bc95
```
#a5bc95 rgb(165,188,149)
```
#a2bc95
```
#a2bc95 rgb(162,188,149)
```
#9fbc95
```
#9fbc95 rgb(159,188,149)
```
#9cbc95
```
#9cbc95 rgb(156,188,149)
```
#98bc95
```
#98bc95 rgb(152,188,149)
```

Similar Colors

Text with hexadecimal color #a2bc95

This text has a font color of #a2bc95.

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

#a2bc95 background color

This paragraph has a background color of #a2bc95.

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

#a2bc95 border color

This element has a border color of #a2bc95.

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

CSS codes

.text {color:#a2bc95;}

.background {background-color:#a2bc95;}

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

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

#020201
```
#020201 rgb(2,2,1)
```
#0b0e09
```
#0b0e09 rgb(11,14,9)
```
#141a11
```
#141a11 rgb(20,26,17)
```
#1d2618
```
#1d2618 rgb(29,38,24)
```
#263220
```
#263220 rgb(38,50,32)
```
#2f3e27
```
#2f3e27 rgb(47,62,39)
```
#384a2f
```
#384a2f rgb(56,74,47)
```
#415637
```
#415637 rgb(65,86,55)
```
#4a623e
```
#4a623e rgb(74,98,62)
```
#536e46
```
#536e46 rgb(83,110,70)
```
#5c7a4d
```
#5c7a4d rgb(92,122,77)
```
#658655
```
#658655 rgb(101,134,85)
```
#6e925d
```
#6e925d rgb(110,146,93)
```

Shade Color Variation

#789e65
```
#789e65 rgb(120,158,101)
```
#82a571
```
#82a571 rgb(130,165,113)
```
#8dad7d
```
#8dad7d rgb(141,173,125)
```
#97b489
```
#97b489 rgb(151,180,137)
```
#a2bc95
```
#a2bc95 rgb(162,188,149)
```
#adc4a1
```
#adc4a1 rgb(173,196,161)
```
#b7cbad
```
#b7cbad rgb(183,203,173)
```
#c2d3b9
```
#c2d3b9 rgb(194,211,185)
```
#ccdac5
```
#ccdac5 rgb(204,218,197)
```
#d7e2d1
```
#d7e2d1 rgb(215,226,209)
```
#e1eadd
```
#e1eadd rgb(225,234,221)
```
#ecf1e9
```
#ecf1e9 rgb(236,241,233)
```
#f6f9f5
```
#f6f9f5 rgb(246,249,245)
```

Tint Color Variation

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

#a6afa2
```
#a6afa2 rgb(166,175,162)
```
#a4b59c
```
#a4b59c rgb(164,181,156)
```
#a2bc95
```
#a2bc95 rgb(162,188,149)
```
#a0c38e
```
#a0c38e rgb(160,195,142)
```
#9ec988
```
#9ec988 rgb(158,201,136)
```
#9bd081
```
#9bd081 rgb(155,208,129)
```
#99d77a
```
#99d77a rgb(153,215,122)
```
#97dd74
```
#97dd74 rgb(151,221,116)
```
#95e46d
```
#95e46d rgb(149,228,109)
```
#92eb66
```
#92eb66 rgb(146,235,102)
```
#90f160
```
#90f160 rgb(144,241,96)
```
#8ef859
```
#8ef859 rgb(142,248,89)
```
#8cff52
```
#8cff52 rgb(140,255,82)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#adb2ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b797 Protanopia 1% of men
#d2b19e Deuteranopia 1% of men
#aeb9c6 Tritanopia 0.001% of the population

Trichromacy

#b6b996 Protanomaly 1% of men, 0.01% of women
#c0b59b Deuteranomaly 6% of men, 0.4% of women
#aabab4 Tritanomaly 0.01% of the population

#a2bc95 hex color

#a2bc95 Color Information

#a2bc95 Color Conversion

Color Schemes with #a2bc95

Alternatives to #a2bc95

#a2bc95 Preview

Shades and Tints of #a2bc95

Tones of #a2bc95

Color Blindness Simulator