#a2bc40 hex color

In a RGB color space, hex #a2bc40 is composed of 63.5% red, 73.7% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 13.8% cyan, 0% magenta, 66% yellow and 26.3% black. It has a hue angle of 72.6 degrees, a saturation of 49.2% and a lightness of 49.4%. #a2bc40 color hex could be obtained by blending #ffff80 with #457900. Closest websafe color is: #99cc33.

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

● #a2bc40 color description : Moderate yellow.

The hexadecimal color #a2bc40 has RGB values of R:162, G:188, B:64 and CMYK values of C:0.14, M:0, Y:0.66, K:0.26. Its decimal value is 10665024.

Hex triplet	a2bc40	`#a2bc40`
RGB Decimal	162, 188, 64	`rgb(162,188,64)`
RGB Percent	63.5, 73.7, 25.1	`rgb(63.5%,73.7%,25.1%)`
CMYK	14, 0, 66, 26
HSL	72.6°, 49.2, 49.4	`hsl(72.6,49.2%,49.4%)`
HSV (or HSB)	72.6°, 66, 73.7
Web Safe	99cc33	`#99cc33`

CIE-LAB	72.24, -26.078, 57.421
XYZ	33.809, 44.018, 11.565
xyY	0.378, 0.492, 44.018
CIE-LCH	72.24, 63.065, 114.425
CIE-LUV	72.24, -11.528, 70.682
Hunter-Lab	66.346, -25.145, 36.107
Binary	10100010, 10111100, 01000000

#a2bc40
```
#a2bc40 rgb(162,188,64)
```
#5a40bc
```
#5a40bc rgb(90,64,188)
```

Complementary Color

#bc9840
```
#bc9840 rgb(188,152,64)
```
#a2bc40
```
#a2bc40 rgb(162,188,64)
```
#64bc40
```
#64bc40 rgb(100,188,64)
```

Analogous Color

#9840bc
```
#9840bc rgb(152,64,188)
```
#a2bc40
```
#a2bc40 rgb(162,188,64)
```
#4064bc
```
#4064bc rgb(64,100,188)
```

Split Complementary Color

#bc40a2
```
#bc40a2 rgb(188,64,162)
```
#a2bc40
```
#a2bc40 rgb(162,188,64)
```
#40a2bc
```
#40a2bc rgb(64,162,188)
```

Triadic Color

#bc5a40
```
#bc5a40 rgb(188,90,64)
```
#a2bc40
```
#a2bc40 rgb(162,188,64)
```
#40a2bc
```
#40a2bc rgb(64,162,188)
```
#5a40bc
```
#5a40bc rgb(90,64,188)
```

Tetradic Color

#71832d
```
#71832d rgb(113,131,45)
```
#819633
```
#819633 rgb(129,150,51)
```
#92a93a
```
#92a93a rgb(146,169,58)
```
#a2bc40
```
#a2bc40 rgb(162,188,64)
```
#acc452
```
#acc452 rgb(172,196,82)
```
#b5ca65
```
#b5ca65 rgb(181,202,101)
```
#bed178
```
#bed178 rgb(190,209,120)
```

Monochromatic Color

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

#bcb740
```
#bcb740 rgb(188,183,64)
```
#b7bc40
```
#b7bc40 rgb(183,188,64)
```
#acbc40
```
#acbc40 rgb(172,188,64)
```
#a2bc40
```
#a2bc40 rgb(162,188,64)
```
#98bc40
```
#98bc40 rgb(152,188,64)
```
#8dbc40
```
#8dbc40 rgb(141,188,64)
```
#83bc40
```
#83bc40 rgb(131,188,64)
```

Similar Colors

Text with hexadecimal color #a2bc40

This text has a font color of #a2bc40.

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

#a2bc40 background color

This paragraph has a background color of #a2bc40.

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

#a2bc40 border color

This element has a border color of #a2bc40.

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

CSS codes

.text {color:#a2bc40;}

.background {background-color:#a2bc40;}

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

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, #0b0c04 is the darkest color, while #fefefd is the lightest one.

#0b0c04
```
#0b0c04 rgb(11,12,4)
```
#171b09
```
#171b09 rgb(23,27,9)
```
#242a0e
```
#242a0e rgb(36,42,14)
```
#313813
```
#313813 rgb(49,56,19)
```
#3d4718
```
#3d4718 rgb(61,71,24)
```
#4a561d
```
#4a561d rgb(74,86,29)
```
#566422
```
#566422 rgb(86,100,34)
```
#637327
```
#637327 rgb(99,115,39)
```
#70812c
```
#70812c rgb(112,129,44)
```
#7c9031
```
#7c9031 rgb(124,144,49)
```
#899f36
```
#899f36 rgb(137,159,54)
```
#95ad3b
```
#95ad3b rgb(149,173,59)
```
#a2bc40
```
#a2bc40 rgb(162,188,64)
```

Shade Color Variation

#aac24d
```
#aac24d rgb(170,194,77)
```
#b1c75c
```
#b1c75c rgb(177,199,92)
```
#b8cc6a
```
#b8cc6a rgb(184,204,106)
```
#bfd179
```
#bfd179 rgb(191,209,121)
```
#c6d688
```
#c6d688 rgb(198,214,136)
```
#cddb96
```
#cddb96 rgb(205,219,150)
```
#d4e0a5
```
#d4e0a5 rgb(212,224,165)
```
#dbe5b4
```
#dbe5b4 rgb(219,229,180)
```
#e2eac2
```
#e2eac2 rgb(226,234,194)
```
#e9efd1
```
#e9efd1 rgb(233,239,209)
```
#f0f4df
```
#f0f4df rgb(240,244,223)
```
#f7f9ee
```
#f7f9ee rgb(247,249,238)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#80827a
```
#80827a rgb(128,130,122)
```
#868c70
```
#868c70 rgb(134,140,112)
```
#8b9567
```
#8b9567 rgb(139,149,103)
```
#919f5d
```
#919f5d rgb(145,159,93)
```
#97a953
```
#97a953 rgb(151,169,83)
```
#9cb24a
```
#9cb24a rgb(156,178,74)
```
#a2bc40
```
#a2bc40 rgb(162,188,64)
```
#a8c636
```
#a8c636 rgb(168,198,54)
```
#adcf2d
```
#adcf2d rgb(173,207,45)
```
#b3d923
```
#b3d923 rgb(179,217,35)
```
#b9e319
```
#b9e319 rgb(185,227,25)
```
#beec10
```
#beec10 rgb(190,236,16)
```
#c4f606
```
#c4f606 rgb(196,246,6)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a5aa92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b547 Protanopia 1% of men
#deac51 Deuteranopia 1% of men
#b5b3c0 Tritanopia 0.001% of the population

Trichromacy

#bbb744 Protanomaly 1% of men, 0.01% of women
#c8b24b Deuteranomaly 6% of men, 0.4% of women
#aeb691 Tritanomaly 0.01% of the population

#a2bc40 hex color

#a2bc40 Color Information

#a2bc40 Color Conversion

Color Schemes with #a2bc40

Alternatives to #a2bc40

#a2bc40 Preview

Shades and Tints of #a2bc40

Tones of #a2bc40

Color Blindness Simulator