#a2bc5f hex color

In a RGB color space, hex #a2bc5f is composed of 63.5% red, 73.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 13.8% cyan, 0% magenta, 49.5% yellow and 26.3% black. It has a hue angle of 76.8 degrees, a saturation of 41% and a lightness of 55.5%. #a2bc5f color hex could be obtained by blending #ffffbe with #457900. Closest websafe color is: #99cc66.

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

● #a2bc5f color description : Slightly desaturated green.

The hexadecimal color #a2bc5f has RGB values of R:162, G:188, B:95 and CMYK values of C:0.14, M:0, Y:0.49, K:0.26. Its decimal value is 10665055.

Hex triplet	a2bc5f	`#a2bc5f`
RGB Decimal	162, 188, 95	`rgb(162,188,95)`
RGB Percent	63.5, 73.7, 37.3	`rgb(63.5%,73.7%,37.3%)`
CMYK	14, 0, 49, 26
HSL	76.8°, 41, 55.5	`hsl(76.8,41%,55.5%)`
HSV (or HSB)	76.8°, 49.5, 73.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.544, -23.449, 43.779
XYZ	34.948, 44.474, 17.569
xyY	0.36, 0.459, 44.474
CIE-LCH	72.544, 49.664, 118.174
CIE-LUV	72.544, -11.905, 58.453
Hunter-Lab	66.689, -23.162, 31.062
Binary	10100010, 10111100, 01011111

#a2bc5f
```
#a2bc5f rgb(162,188,95)
```
#795fbc
```
#795fbc rgb(121,95,188)
```

Complementary Color

#bca85f
```
#bca85f rgb(188,168,95)
```
#a2bc5f
```
#a2bc5f rgb(162,188,95)
```
#74bc5f
```
#74bc5f rgb(116,188,95)
```

Analogous Color

#a85fbc
```
#a85fbc rgb(168,95,188)
```
#a2bc5f
```
#a2bc5f rgb(162,188,95)
```
#5f74bc
```
#5f74bc rgb(95,116,188)
```

Split Complementary Color

#bc5fa2
```
#bc5fa2 rgb(188,95,162)
```
#a2bc5f
```
#a2bc5f rgb(162,188,95)
```
#5fa2bc
```
#5fa2bc rgb(95,162,188)
```

Triadic Color

#bc795f
```
#bc795f rgb(188,121,95)
```
#a2bc5f
```
#a2bc5f rgb(162,188,95)
```
#5fa2bc
```
#5fa2bc rgb(95,162,188)
```
#795fbc
```
#795fbc rgb(121,95,188)
```

Tetradic Color

#7a923d
```
#7a923d rgb(122,146,61)
```
#89a444
```
#89a444 rgb(137,164,68)
```
#98b44d
```
#98b44d rgb(152,180,77)
```
#a2bc5f
```
#a2bc5f rgb(162,188,95)
```
#acc471
```
#acc471 rgb(172,196,113)
```
#b7cb83
```
#b7cb83 rgb(183,203,131)
```
#c1d395
```
#c1d395 rgb(193,211,149)
```

Monochromatic Color

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

#b9bc5f
```
#b9bc5f rgb(185,188,95)
```
#b2bc5f
```
#b2bc5f rgb(178,188,95)
```
#aabc5f
```
#aabc5f rgb(170,188,95)
```
#a2bc5f
```
#a2bc5f rgb(162,188,95)
```
#9abc5f
```
#9abc5f rgb(154,188,95)
```
#93bc5f
```
#93bc5f rgb(147,188,95)
```
#8bbc5f
```
#8bbc5f rgb(139,188,95)
```

Similar Colors

Text with hexadecimal color #a2bc5f

This text has a font color of #a2bc5f.

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

#a2bc5f background color

This paragraph has a background color of #a2bc5f.

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

#a2bc5f border color

This element has a border color of #a2bc5f.

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

CSS codes

.text {color:#a2bc5f;}

.background {background-color:#a2bc5f;}

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

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

#050602
```
#050602 rgb(5,6,2)
```
#111408
```
#111408 rgb(17,20,8)
```
#1c220e
```
#1c220e rgb(28,34,14)
```
#282f14
```
#282f14 rgb(40,47,20)
```
#333d1a
```
#333d1a rgb(51,61,26)
```
#3f4b1f
```
#3f4b1f rgb(63,75,31)
```
#4a5925
```
#4a5925 rgb(74,89,37)
```
#56672b
```
#56672b rgb(86,103,43)
```
#627531
```
#627531 rgb(98,117,49)
```
#6d8237
```
#6d8237 rgb(109,130,55)
```
#79903c
```
#79903c rgb(121,144,60)
```
#849e42
```
#849e42 rgb(132,158,66)
```
#90ac48
```
#90ac48 rgb(144,172,72)
```

Shade Color Variation

#9ab651
```
#9ab651 rgb(154,182,81)
```
#a2bc5f
```
#a2bc5f rgb(162,188,95)
```
#aac26d
```
#aac26d rgb(170,194,109)
```
#b2c87b
```
#b2c87b rgb(178,200,123)
```
#bacd88
```
#bacd88 rgb(186,205,136)
```
#c2d396
```
#c2d396 rgb(194,211,150)
```
#cad9a4
```
#cad9a4 rgb(202,217,164)
```
#d2dfb2
```
#d2dfb2 rgb(210,223,178)
```
#dae5c0
```
#dae5c0 rgb(218,229,192)
```
#e2eace
```
#e2eace rgb(226,234,206)
```
#eaf0db
```
#eaf0db rgb(234,240,219)
```
#f2f6e9
```
#f2f6e9 rgb(242,246,233)
```
#fafcf7
```
#fafcf7 rgb(250,252,247)
```

Tint Color Variation

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

#8f908b
```
#8f908b rgb(143,144,139)
```
#939982
```
#939982 rgb(147,153,130)
```
#96a279
```
#96a279 rgb(150,162,121)
```
#9aab70
```
#9aab70 rgb(154,171,112)
```
#9eb368
```
#9eb368 rgb(158,179,104)
```
#a2bc5f
```
#a2bc5f rgb(162,188,95)
```
#a6c556
```
#a6c556 rgb(166,197,86)
```
#aacd4e
```
#aacd4e rgb(170,205,78)
```
#aed645
```
#aed645 rgb(174,214,69)
```
#b1df3c
```
#b1df3c rgb(177,223,60)
```
#b5e833
```
#b5e833 rgb(181,232,51)
```
#b9f02b
```
#b9f02b rgb(185,240,43)
```
#bdf922
```
#bdf922 rgb(189,249,34)
```

Tone Color Variation

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

#c7b664 Protanopia 1% of men
#dbae6d Deuteranopia 1% of men
#b3b5c2 Tritanopia 0.001% of the population

Trichromacy

#bab862 Protanomaly 1% of men, 0.01% of women
#c6b368 Deuteranomaly 6% of men, 0.4% of women
#adb79e Tritanomaly 0.01% of the population

#a2bc5f hex color

#a2bc5f Color Information

#a2bc5f Color Conversion

Color Schemes with #a2bc5f

Alternatives to #a2bc5f

#a2bc5f Preview

Shades and Tints of #a2bc5f

Tones of #a2bc5f

Color Blindness Simulator