#a2bc5d hex color

In a RGB color space, hex #a2bc5d is composed of 63.5% red, 73.7% green and 36.5% blue. Whereas in a CMYK color space, it is composed of 13.8% cyan, 0% magenta, 50.5% yellow and 26.3% black. It has a hue angle of 76.4 degrees, a saturation of 41.5% and a lightness of 55.1%. #a2bc5d color hex could be obtained by blending #ffffba with #457900. Closest websafe color is: #99cc66.

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

● #a2bc5d color description : Moderate green.

The hexadecimal color #a2bc5d has RGB values of R:162, G:188, B:93 and CMYK values of C:0.14, M:0, Y:0.51, K:0.26. Its decimal value is 10665053.

Hex triplet	a2bc5d	`#a2bc5d`
RGB Decimal	162, 188, 93	`rgb(162,188,93)`
RGB Percent	63.5, 73.7, 36.5	`rgb(63.5%,73.7%,36.5%)`
CMYK	14, 0, 51, 26
HSL	76.4°, 41.5, 55.1	`hsl(76.4,41.5%,55.1%)`
HSV (or HSB)	76.4°, 50.5, 73.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.52, -23.653, 44.724
XYZ	34.859, 44.438, 17.096
xyY	0.362, 0.461, 44.438
CIE-LCH	72.52, 50.593, 117.873
CIE-LUV	72.52, -11.876, 59.389
Hunter-Lab	66.662, -23.317, 31.458
Binary	10100010, 10111100, 01011101

#a2bc5d
```
#a2bc5d rgb(162,188,93)
```
#775dbc
```
#775dbc rgb(119,93,188)
```

Complementary Color

#bca75d
```
#bca75d rgb(188,167,93)
```
#a2bc5d
```
#a2bc5d rgb(162,188,93)
```
#73bc5d
```
#73bc5d rgb(115,188,93)
```

Analogous Color

#a75dbc
```
#a75dbc rgb(167,93,188)
```
#a2bc5d
```
#a2bc5d rgb(162,188,93)
```
#5d73bc
```
#5d73bc rgb(93,115,188)
```

Split Complementary Color

#bc5da2
```
#bc5da2 rgb(188,93,162)
```
#a2bc5d
```
#a2bc5d rgb(162,188,93)
```
#5da2bc
```
#5da2bc rgb(93,162,188)
```

Triadic Color

#bc775d
```
#bc775d rgb(188,119,93)
```
#a2bc5d
```
#a2bc5d rgb(162,188,93)
```
#5da2bc
```
#5da2bc rgb(93,162,188)
```
#775dbc
```
#775dbc rgb(119,93,188)
```

Tetradic Color

#79913c
```
#79913c rgb(121,145,60)
```
#89a343
```
#89a343 rgb(137,163,67)
```
#98b54b
```
#98b54b rgb(152,181,75)
```
#a2bc5d
```
#a2bc5d rgb(162,188,93)
```
#acc36f
```
#acc36f rgb(172,195,111)
```
#b7cb81
```
#b7cb81 rgb(183,203,129)
```
#c1d293
```
#c1d293 rgb(193,210,147)
```

Monochromatic Color

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

#babc5d
```
#babc5d rgb(186,188,93)
```
#b2bc5d
```
#b2bc5d rgb(178,188,93)
```
#aabc5d
```
#aabc5d rgb(170,188,93)
```
#a2bc5d
```
#a2bc5d rgb(162,188,93)
```
#9abc5d
```
#9abc5d rgb(154,188,93)
```
#92bc5d
```
#92bc5d rgb(146,188,93)
```
#8abc5d
```
#8abc5d rgb(138,188,93)
```

Similar Colors

Text with hexadecimal color #a2bc5d

This text has a font color of #a2bc5d.

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

#a2bc5d background color

This paragraph has a background color of #a2bc5d.

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

#a2bc5d border color

This element has a border color of #a2bc5d.

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

CSS codes

.text {color:#a2bc5d;}

.background {background-color:#a2bc5d;}

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

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)
```
#0f1208
```
#0f1208 rgb(15,18,8)
```
#1b200d
```
#1b200d rgb(27,32,13)
```
#272e13
```
#272e13 rgb(39,46,19)
```
#323c19
```
#323c19 rgb(50,60,25)
```
#3e4a1f
```
#3e4a1f rgb(62,74,31)
```
#4a5824
```
#4a5824 rgb(74,88,36)
```
#55662a
```
#55662a rgb(85,102,42)
```
#617430
```
#617430 rgb(97,116,48)
```
#6d8136
```
#6d8136 rgb(109,129,54)
```
#788f3b
```
#788f3b rgb(120,143,59)
```
#849d41
```
#849d41 rgb(132,157,65)
```
#90ab47
```
#90ab47 rgb(144,171,71)
```

Shade Color Variation

#9ab64f
```
#9ab64f rgb(154,182,79)
```
#a2bc5d
```
#a2bc5d rgb(162,188,93)
```
#aac26b
```
#aac26b rgb(170,194,107)
```
#b2c779
```
#b2c779 rgb(178,199,121)
```
#bacd87
```
#bacd87 rgb(186,205,135)
```
#c2d395
```
#c2d395 rgb(194,211,149)
```
#cad9a2
```
#cad9a2 rgb(202,217,162)
```
#d2deb0
```
#d2deb0 rgb(210,222,176)
```
#dae4be
```
#dae4be rgb(218,228,190)
```
#e2eacc
```
#e2eacc rgb(226,234,204)
```
#eaf0da
```
#eaf0da rgb(234,240,218)
```
#f2f5e8
```
#f2f5e8 rgb(242,245,232)
```
#fafbf6
```
#fafbf6 rgb(250,251,246)
```

Tint Color Variation

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

#8e9089
```
#8e9089 rgb(142,144,137)
```
#929980
```
#929980 rgb(146,153,128)
```
#96a277
```
#96a277 rgb(150,162,119)
```
#9aaa6f
```
#9aaa6f rgb(154,170,111)
```
#9eb366
```
#9eb366 rgb(158,179,102)
```
#a2bc5d
```
#a2bc5d rgb(162,188,93)
```
#a6c554
```
#a6c554 rgb(166,197,84)
```
#aace4b
```
#aace4b rgb(170,206,75)
```
#aed643
```
#aed643 rgb(174,214,67)
```
#b2df3a
```
#b2df3a rgb(178,223,58)
```
#b6e831
```
#b6e831 rgb(182,232,49)
```
#baf128
```
#baf128 rgb(186,241,40)
```
#befa1f
```
#befa1f rgb(190,250,31)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#a8ad9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b662 Protanopia 1% of men
#dcae6b Deuteranopia 1% of men
#b3b5c2 Tritanopia 0.001% of the population

Trichromacy

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

#a2bc5d hex color

#a2bc5d Color Information

#a2bc5d Color Conversion

Color Schemes with #a2bc5d

Alternatives to #a2bc5d

#a2bc5d Preview

Shades and Tints of #a2bc5d

Tones of #a2bc5d

Color Blindness Simulator