#a2cc1e hex color

In a RGB color space, hex #a2cc1e is composed of 63.5% red, 80% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 20.6% cyan, 0% magenta, 85.3% yellow and 20% black. It has a hue angle of 74.5 degrees, a saturation of 74.4% and a lightness of 45.9%. #a2cc1e color hex could be obtained by blending #ffff3c with #459900. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 64
- G 80
- B 12
RGB color chart
- C 21
- M 0
- Y 85
- K 20
CMYK color chart

● #a2cc1e color description : Strong yellow.

The hexadecimal color #a2cc1e has RGB values of R:162, G:204, B:30 and CMYK values of C:0.21, M:0, Y:0.85, K:0.2. Its decimal value is 10669086.

Hex triplet	a2cc1e	`#a2cc1e`
RGB Decimal	162, 204, 30	`rgb(162,204,30)`
RGB Percent	63.5, 80, 11.8	`rgb(63.5%,80%,11.8%)`
CMYK	21, 0, 85, 20
HSL	74.5°, 74.4, 45.9	`hsl(74.5,74.4%,45.9%)`
HSV (or HSB)	74.5°, 85.3, 80
Web Safe	99cc33	`#99cc33`

CIE-LAB	76.655, -35.192, 72.212
XYZ	36.727, 50.96, 9.13
xyY	0.379, 0.526, 50.96
CIE-LCH	76.655, 80.331, 115.982
CIE-LUV	76.655, -20.454, 84.935
Hunter-Lab	71.386, -33.091, 42.388
Binary	10100010, 11001100, 00011110

#a2cc1e
```
#a2cc1e rgb(162,204,30)
```
#481ecc
```
#481ecc rgb(72,30,204)
```

Complementary Color

#cc9f1e
```
#cc9f1e rgb(204,159,30)
```
#a2cc1e
```
#a2cc1e rgb(162,204,30)
```
#4bcc1e
```
#4bcc1e rgb(75,204,30)
```

Analogous Color

#9f1ecc
```
#9f1ecc rgb(159,30,204)
```
#a2cc1e
```
#a2cc1e rgb(162,204,30)
```
#1e4bcc
```
#1e4bcc rgb(30,75,204)
```

Split Complementary Color

#cc1ea2
```
#cc1ea2 rgb(204,30,162)
```
#a2cc1e
```
#a2cc1e rgb(162,204,30)
```
#1ea2cc
```
#1ea2cc rgb(30,162,204)
```

Triadic Color

#cc481e
```
#cc481e rgb(204,72,30)
```
#a2cc1e
```
#a2cc1e rgb(162,204,30)
```
#1ea2cc
```
#1ea2cc rgb(30,162,204)
```
#481ecc
```
#481ecc rgb(72,30,204)
```

Tetradic Color

#6d8914
```
#6d8914 rgb(109,137,20)
```
#7fa017
```
#7fa017 rgb(127,160,23)
```
#90b61b
```
#90b61b rgb(144,182,27)
```
#a2cc1e
```
#a2cc1e rgb(162,204,30)
```
#b2df25
```
#b2df25 rgb(178,223,37)
```
#bae23b
```
#bae23b rgb(186,226,59)
```
#c2e551
```
#c2e551 rgb(194,229,81)
```

Monochromatic Color

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

#cccb1e
```
#cccb1e rgb(204,203,30)
```
#bfcc1e
```
#bfcc1e rgb(191,204,30)
```
#b1cc1e
```
#b1cc1e rgb(177,204,30)
```
#a2cc1e
```
#a2cc1e rgb(162,204,30)
```
#94cc1e
```
#94cc1e rgb(148,204,30)
```
#85cc1e
```
#85cc1e rgb(133,204,30)
```
#77cc1e
```
#77cc1e rgb(119,204,30)
```

Similar Colors

Text with hexadecimal color #a2cc1e

This text has a font color of #a2cc1e.

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

#a2cc1e background color

This paragraph has a background color of #a2cc1e.

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

#a2cc1e border color

This element has a border color of #a2cc1e.

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

CSS codes

.text {color:#a2cc1e;}

.background {background-color:#a2cc1e;}

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

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

#0d1002
```
#0d1002 rgb(13,16,2)
```
#1a2105
```
#1a2105 rgb(26,33,5)
```
#283207
```
#283207 rgb(40,50,7)
```
#35430a
```
#35430a rgb(53,67,10)
```
#43540c
```
#43540c rgb(67,84,12)
```
#51650f
```
#51650f rgb(81,101,15)
```
#5e7611
```
#5e7611 rgb(94,118,17)
```
#6c8814
```
#6c8814 rgb(108,136,20)
```
#799916
```
#799916 rgb(121,153,22)
```
#87aa19
```
#87aa19 rgb(135,170,25)
```
#94bb1b
```
#94bb1b rgb(148,187,27)
```
#a2cc1e
```
#a2cc1e rgb(162,204,30)
```
#b0dd21
```
#b0dd21 rgb(176,221,33)
```

Shade Color Variation

#b6e131
```
#b6e131 rgb(182,225,49)
```
#bce342
```
#bce342 rgb(188,227,66)
```
#c2e653
```
#c2e653 rgb(194,230,83)
```
#c8e864
```
#c8e864 rgb(200,232,100)
```
#ceeb75
```
#ceeb75 rgb(206,235,117)
```
#d4ed86
```
#d4ed86 rgb(212,237,134)
```
#daf097
```
#daf097 rgb(218,240,151)
```
#e0f2a8
```
#e0f2a8 rgb(224,242,168)
```
#e6f5b9
```
#e6f5b9 rgb(230,245,185)
```
#ecf7ca
```
#ecf7ca rgb(236,247,202)
```
#f3fadc
```
#f3fadc rgb(243,250,220)
```
#f9fced
```
#f9fced rgb(249,252,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#787b6f
```
#787b6f rgb(120,123,111)
```
#7d8466
```
#7d8466 rgb(125,132,102)
```
#818d5d
```
#818d5d rgb(129,141,93)
```
#869654
```
#869654 rgb(134,150,84)
```
#8b9f4b
```
#8b9f4b rgb(139,159,75)
```
#8fa842
```
#8fa842 rgb(143,168,66)
```
#94b139
```
#94b139 rgb(148,177,57)
```
#99ba30
```
#99ba30 rgb(153,186,48)
```
#9dc327
```
#9dc327 rgb(157,195,39)
```
#a2cc1e
```
#a2cc1e rgb(162,204,30)
```
#a7d515
```
#a7d515 rgb(167,213,21)
```
#abde0c
```
#abde0c rgb(171,222,12)
```
#b0e703
```
#b0e703 rgb(176,231,3)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#aab290 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c025 Protanopia 1% of men
#efb739 Deuteranopia 1% of men
#b9c1ce Tritanopia 0.001% of the population

Trichromacy

#c4c422 Protanomaly 1% of men, 0.01% of women
#d3be2f Deuteranomaly 6% of men, 0.4% of women
#b0c58e Tritanomaly 0.01% of the population

#a2cc1e hex color

#a2cc1e Color Information

#a2cc1e Color Conversion

Color Schemes with #a2cc1e

Alternatives to #a2cc1e

#a2cc1e Preview

Shades and Tints of #a2cc1e

Tones of #a2cc1e

Color Blindness Simulator