#a2c31a hex color

In a RGB color space, hex #a2c31a is composed of 63.5% red, 76.5% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 0% magenta, 86.7% yellow and 23.5% black. It has a hue angle of 71.7 degrees, a saturation of 76.5% and a lightness of 43.3%. #a2c31a color hex could be obtained by blending #ffff34 with #458700. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 64
- G 76
- B 10
RGB color chart
- C 17
- M 0
- Y 87
- K 24
CMYK color chart

● #a2c31a color description : Strong yellow.

The hexadecimal color #a2c31a has RGB values of R:162, G:195, B:26 and CMYK values of C:0.17, M:0, Y:0.87, K:0.24. Its decimal value is 10666778.

Hex triplet	a2c31a	`#a2c31a`
RGB Decimal	162, 195, 26	`rgb(162,195,26)`
RGB Percent	63.5, 76.5, 10.2	`rgb(63.5%,76.5%,10.2%)`
CMYK	17, 0, 87, 24
HSL	71.7°, 76.5, 43.3	`hsl(71.7,76.5%,43.3%)`
HSV (or HSB)	71.7°, 86.7, 76.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	74.053, -31.141, 70.855
XYZ	34.602, 46.786, 8.185
xyY	0.386, 0.522, 46.786
CIE-LCH	74.053, 77.397, 113.725
CIE-LUV	74.053, -15.357, 81.847
Hunter-Lab	68.4, -29.403, 40.785
Binary	10100010, 11000011, 00011010

#a2c31a
```
#a2c31a rgb(162,195,26)
```
#3b1ac3
```
#3b1ac3 rgb(59,26,195)
```

Complementary Color

#c3901a
```
#c3901a rgb(195,144,26)
```
#a2c31a
```
#a2c31a rgb(162,195,26)
```
#4ec31a
```
#4ec31a rgb(78,195,26)
```

Analogous Color

#901ac3
```
#901ac3 rgb(144,26,195)
```
#a2c31a
```
#a2c31a rgb(162,195,26)
```
#1a4ec3
```
#1a4ec3 rgb(26,78,195)
```

Split Complementary Color

#c31aa2
```
#c31aa2 rgb(195,26,162)
```
#a2c31a
```
#a2c31a rgb(162,195,26)
```
#1aa2c3
```
#1aa2c3 rgb(26,162,195)
```

Triadic Color

#c33b1a
```
#c33b1a rgb(195,59,26)
```
#a2c31a
```
#a2c31a rgb(162,195,26)
```
#1aa2c3
```
#1aa2c3 rgb(26,162,195)
```
#3b1ac3
```
#3b1ac3 rgb(59,26,195)
```

Tetradic Color

#6a8011
```
#6a8011 rgb(106,128,17)
```
#7d9614
```
#7d9614 rgb(125,150,20)
```
#8fad17
```
#8fad17 rgb(143,173,23)
```
#a2c31a
```
#a2c31a rgb(162,195,26)
```
#b5da1d
```
#b5da1d rgb(181,218,29)
```
#bfe32d
```
#bfe32d rgb(191,227,45)
```
#c6e643
```
#c6e643 rgb(198,230,67)
```

Monochromatic Color

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

#c3ba1a
```
#c3ba1a rgb(195,186,26)
```
#bec31a
```
#bec31a rgb(190,195,26)
```
#b0c31a
```
#b0c31a rgb(176,195,26)
```
#a2c31a
```
#a2c31a rgb(162,195,26)
```
#94c31a
```
#94c31a rgb(148,195,26)
```
#86c31a
```
#86c31a rgb(134,195,26)
```
#78c31a
```
#78c31a rgb(120,195,26)
```

Similar Colors

Text with hexadecimal color #a2c31a

This text has a font color of #a2c31a.

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

#a2c31a background color

This paragraph has a background color of #a2c31a.

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

#a2c31a border color

This element has a border color of #a2c31a.

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

CSS codes

.text {color:#a2c31a;}

.background {background-color:#a2c31a;}

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

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

#040501
```
#040501 rgb(4,5,1)
```
#121603
```
#121603 rgb(18,22,3)
```
#212705
```
#212705 rgb(33,39,5)
```
#2f3908
```
#2f3908 rgb(47,57,8)
```
#3d4a0a
```
#3d4a0a rgb(61,74,10)
```
#4c5b0c
```
#4c5b0c rgb(76,91,12)
```
#5a6c0e
```
#5a6c0e rgb(90,108,14)
```
#687e11
```
#687e11 rgb(104,126,17)
```
#778f13
```
#778f13 rgb(119,143,19)
```
#85a015
```
#85a015 rgb(133,160,21)
```
#94b218
```
#94b218 rgb(148,178,24)
```
#a2c31a
```
#a2c31a rgb(162,195,26)
```
#b0d41c
```
#b0d41c rgb(176,212,28)
```

Shade Color Variation

#bce223
```
#bce223 rgb(188,226,35)
```
#c2e434
```
#c2e434 rgb(194,228,52)
```
#c7e645
```
#c7e645 rgb(199,230,69)
```
#cce957
```
#cce957 rgb(204,233,87)
```
#d1eb68
```
#d1eb68 rgb(209,235,104)
```
#d7ed79
```
#d7ed79 rgb(215,237,121)
```
#dcef8a
```
#dcef8a rgb(220,239,138)
```
#e1f29c
```
#e1f29c rgb(225,242,156)
```
#e6f4ad
```
#e6f4ad rgb(230,244,173)
```
#ebf6be
```
#ebf6be rgb(235,246,190)
```
#f1f9d0
```
#f1f9d0 rgb(241,249,208)
```
#f6fbe1
```
#f6fbe1 rgb(246,251,225)
```
#fbfdf2
```
#fbfdf2 rgb(251,253,242)
```

Tint Color Variation

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

#737767
```
#737767 rgb(115,119,103)
```
#797f5e
```
#797f5e rgb(121,127,94)
```
#7e8856
```
#7e8856 rgb(126,136,86)
```
#83904d
```
#83904d rgb(131,144,77)
```
#889945
```
#889945 rgb(136,153,69)
```
#8da13c
```
#8da13c rgb(141,161,60)
```
#92aa34
```
#92aa34 rgb(146,170,52)
```
#98b22b
```
#98b22b rgb(152,178,43)
```
#9dbb23
```
#9dbb23 rgb(157,187,35)
```
#a2c31a
```
#a2c31a rgb(162,195,26)
```
#a7cc12
```
#a7cc12 rgb(167,204,18)
```
#acd409
```
#acd409 rgb(172,212,9)
```
#b2dd00
```
#b2dd00 rgb(178,221,0)
```

Tone Color Variation

Below, you can see how #a2c31a 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
#a5ac8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ba22 Protanopia 1% of men
#e7b135 Deuteranopia 1% of men
#b7b9c6 Tritanopia 0.001% of the population

Trichromacy

#bfbd1f Protanomaly 1% of men, 0.01% of women
#ceb72b Deuteranomaly 6% of men, 0.4% of women
#afbc87 Tritanomaly 0.01% of the population

#a2c31a hex color

#a2c31a Color Information

#a2c31a Color Conversion

Color Schemes with #a2c31a

Alternatives to #a2c31a

#a2c31a Preview

Shades and Tints of #a2c31a

Tones of #a2c31a

Color Blindness Simulator