#a2bc5e hex color

In a RGB color space, hex #a2bc5e is composed of 63.5% red, 73.7% green and 36.9% blue. Whereas in a CMYK color space, it is composed of 13.8% cyan, 0% magenta, 50% yellow and 26.3% black. It has a hue angle of 76.6 degrees, a saturation of 41.2% and a lightness of 55.3%. #a2bc5e color hex could be obtained by blending #ffffbc with #457900. Closest websafe color is: #99cc66.

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

● #a2bc5e color description : Moderate green.

The hexadecimal color #a2bc5e has RGB values of R:162, G:188, B:94 and CMYK values of C:0.14, M:0, Y:0.5, K:0.26. Its decimal value is 10665054.

Hex triplet	a2bc5e	`#a2bc5e`
RGB Decimal	162, 188, 94	`rgb(162,188,94)`
RGB Percent	63.5, 73.7, 36.9	`rgb(63.5%,73.7%,36.9%)`
CMYK	14, 0, 50, 26
HSL	76.6°, 41.2, 55.3	`hsl(76.6,41.2%,55.3%)`
HSV (or HSB)	76.6°, 50, 73.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.532, -23.552, 44.252
XYZ	34.903, 44.456, 17.331
xyY	0.361, 0.46, 44.456
CIE-LCH	72.532, 50.129, 118.023
CIE-LUV	72.532, -11.891, 58.923
Hunter-Lab	66.675, -23.24, 31.261
Binary	10100010, 10111100, 01011110

#a2bc5e
```
#a2bc5e rgb(162,188,94)
```
#785ebc
```
#785ebc rgb(120,94,188)
```

Complementary Color

#bca75e
```
#bca75e rgb(188,167,94)
```
#a2bc5e
```
#a2bc5e rgb(162,188,94)
```
#73bc5e
```
#73bc5e rgb(115,188,94)
```

Analogous Color

#a75ebc
```
#a75ebc rgb(167,94,188)
```
#a2bc5e
```
#a2bc5e rgb(162,188,94)
```
#5e73bc
```
#5e73bc rgb(94,115,188)
```

Split Complementary Color

#bc5ea2
```
#bc5ea2 rgb(188,94,162)
```
#a2bc5e
```
#a2bc5e rgb(162,188,94)
```
#5ea2bc
```
#5ea2bc rgb(94,162,188)
```

Triadic Color

#bc785e
```
#bc785e rgb(188,120,94)
```
#a2bc5e
```
#a2bc5e rgb(162,188,94)
```
#5ea2bc
```
#5ea2bc rgb(94,162,188)
```
#785ebc
```
#785ebc rgb(120,94,188)
```

Tetradic Color

#7a913c
```
#7a913c rgb(122,145,60)
```
#89a344
```
#89a344 rgb(137,163,68)
```
#98b54c
```
#98b54c rgb(152,181,76)
```
#a2bc5e
```
#a2bc5e rgb(162,188,94)
```
#acc370
```
#acc370 rgb(172,195,112)
```
#b7cb82
```
#b7cb82 rgb(183,203,130)
```
#c1d294
```
#c1d294 rgb(193,210,148)
```

Monochromatic Color

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

#babc5e
```
#babc5e rgb(186,188,94)
```
#b2bc5e
```
#b2bc5e rgb(178,188,94)
```
#aabc5e
```
#aabc5e rgb(170,188,94)
```
#a2bc5e
```
#a2bc5e rgb(162,188,94)
```
#9abc5e
```
#9abc5e rgb(154,188,94)
```
#92bc5e
```
#92bc5e rgb(146,188,94)
```
#8bbc5e
```
#8bbc5e rgb(139,188,94)
```

Similar Colors

Text with hexadecimal color #a2bc5e

This text has a font color of #a2bc5e.

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

#a2bc5e background color

This paragraph has a background color of #a2bc5e.

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

#a2bc5e border color

This element has a border color of #a2bc5e.

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

CSS codes

.text {color:#a2bc5e;}

.background {background-color:#a2bc5e;}

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

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

#040502
```
#040502 rgb(4,5,2)
```
#101308
```
#101308 rgb(16,19,8)
```
#1c210e
```
#1c210e rgb(28,33,14)
```
#272f13
```
#272f13 rgb(39,47,19)
```
#333d19
```
#333d19 rgb(51,61,25)
```
#3e4a1f
```
#3e4a1f rgb(62,74,31)
```
#4a5825
```
#4a5825 rgb(74,88,37)
```
#56662b
```
#56662b rgb(86,102,43)
```
#617430
```
#617430 rgb(97,116,48)
```
#6d8236
```
#6d8236 rgb(109,130,54)
```
#79903c
```
#79903c rgb(121,144,60)
```
#849e42
```
#849e42 rgb(132,158,66)
```
#90ab47
```
#90ab47 rgb(144,171,71)
```

Shade Color Variation

#9ab650
```
#9ab650 rgb(154,182,80)
```
#a2bc5e
```
#a2bc5e rgb(162,188,94)
```
#aac26c
```
#aac26c rgb(170,194,108)
```
#b2c87a
```
#b2c87a rgb(178,200,122)
```
#bacd88
```
#bacd88 rgb(186,205,136)
```
#c2d395
```
#c2d395 rgb(194,211,149)
```
#cad9a3
```
#cad9a3 rgb(202,217,163)
```
#d2dfb1
```
#d2dfb1 rgb(210,223,177)
```
#dae4bf
```
#dae4bf rgb(218,228,191)
```
#e2eacd
```
#e2eacd rgb(226,234,205)
```
#eaf0db
```
#eaf0db rgb(234,240,219)
```
#f2f6e9
```
#f2f6e9 rgb(242,246,233)
```
#fafbf6
```
#fafbf6 rgb(250,251,246)
```

Tint Color Variation

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

#8e908a
```
#8e908a rgb(142,144,138)
```
#929981
```
#929981 rgb(146,153,129)
```
#96a278
```
#96a278 rgb(150,162,120)
```
#9aaa70
```
#9aaa70 rgb(154,170,112)
```
#9eb367
```
#9eb367 rgb(158,179,103)
```
#a2bc5e
```
#a2bc5e rgb(162,188,94)
```
#a6c555
```
#a6c555 rgb(166,197,85)
```
#aace4c
```
#aace4c rgb(170,206,76)
```
#aed644
```
#aed644 rgb(174,214,68)
```
#b2df3b
```
#b2df3b rgb(178,223,59)
```
#b6e832
```
#b6e832 rgb(182,232,50)
```
#baf129
```
#baf129 rgb(186,241,41)
```
#bdf921
```
#bdf921 rgb(189,249,33)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#a8ae9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b663 Protanopia 1% of men
#dbae6c Deuteranopia 1% of men
#b3b5c2 Tritanopia 0.001% of the population

Trichromacy

#bab861 Protanomaly 1% of men, 0.01% of women
#c6b367 Deuteranomaly 6% of men, 0.4% of women
#adb79d Tritanomaly 0.01% of the population

#a2bc5e hex color

#a2bc5e Color Information

#a2bc5e Color Conversion

Color Schemes with #a2bc5e

Alternatives to #a2bc5e

#a2bc5e Preview

Shades and Tints of #a2bc5e

Tones of #a2bc5e

Color Blindness Simulator