#a2d242 hex color

In a RGB color space, hex #a2d242 is composed of 63.5% red, 82.4% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 0% magenta, 68.6% yellow and 17.6% black. It has a hue angle of 80 degrees, a saturation of 61.5% and a lightness of 54.1%. #a2d242 color hex could be obtained by blending #ffff84 with #45a500. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 64
- G 82
- B 26
RGB color chart
- C 23
- M 0
- Y 69
- K 18
CMYK color chart

● #a2d242 color description : Moderate green.

The hexadecimal color #a2d242 has RGB values of R:162, G:210, B:66 and CMYK values of C:0.23, M:0, Y:0.69, K:0.18. Its decimal value is 10670658.

Hex triplet	a2d242	`#a2d242`
RGB Decimal	162, 210, 66	`rgb(162,210,66)`
RGB Percent	63.5, 82.4, 25.9	`rgb(63.5%,82.4%,25.9%)`
CMYK	23, 0, 69, 18
HSL	80°, 61.5, 54.1	`hsl(80,61.5%,54.1%)`
HSV (or HSB)	80°, 68.6, 82.4
Web Safe	99cc33	`#99cc33`

CIE-LAB	78.559, -36.261, 63.161
XYZ	38.93, 54.167, 13.558
xyY	0.365, 0.508, 54.167
CIE-LCH	78.559, 72.829, 119.86
CIE-LUV	78.559, -23.785, 79.786
Hunter-Lab	73.598, -34.38, 40.596
Binary	10100010, 11010010, 01000010

#a2d242
```
#a2d242 rgb(162,210,66)
```
#7242d2
```
#7242d2 rgb(114,66,210)
```

Complementary Color

#d2ba42
```
#d2ba42 rgb(210,186,66)
```
#a2d242
```
#a2d242 rgb(162,210,66)
```
#5ad242
```
#5ad242 rgb(90,210,66)
```

Analogous Color

#ba42d2
```
#ba42d2 rgb(186,66,210)
```
#a2d242
```
#a2d242 rgb(162,210,66)
```
#425ad2
```
#425ad2 rgb(66,90,210)
```

Split Complementary Color

#d242a2
```
#d242a2 rgb(210,66,162)
```
#a2d242
```
#a2d242 rgb(162,210,66)
```
#42a2d2
```
#42a2d2 rgb(66,162,210)
```

Triadic Color

#d27242
```
#d27242 rgb(210,114,66)
```
#a2d242
```
#a2d242 rgb(162,210,66)
```
#42a2d2
```
#42a2d2 rgb(66,162,210)
```
#7242d2
```
#7242d2 rgb(114,66,210)
```

Tetradic Color

#78a126
```
#78a126 rgb(120,161,38)
```
#88b62b
```
#88b62b rgb(136,182,43)
```
#97ca30
```
#97ca30 rgb(151,202,48)
```
#a2d242
```
#a2d242 rgb(162,210,66)
```
#acd757
```
#acd757 rgb(172,215,87)
```
#b6dc6b
```
#b6dc6b rgb(182,220,107)
```
#c0e180
```
#c0e180 rgb(192,225,128)
```

Monochromatic Color

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

#c6d242
```
#c6d242 rgb(198,210,66)
```
#bad242
```
#bad242 rgb(186,210,66)
```
#aed242
```
#aed242 rgb(174,210,66)
```
#a2d242
```
#a2d242 rgb(162,210,66)
```
#96d242
```
#96d242 rgb(150,210,66)
```
#8ad242
```
#8ad242 rgb(138,210,66)
```
#7ed242
```
#7ed242 rgb(126,210,66)
```

Similar Colors

Text with hexadecimal color #a2d242

This text has a font color of #a2d242.

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

#a2d242 background color

This paragraph has a background color of #a2d242.

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

#a2d242 border color

This element has a border color of #a2d242.

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

CSS codes

.text {color:#a2d242;}

.background {background-color:#a2d242;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0d1104
```
#0d1104 rgb(13,17,4)
```
#182108
```
#182108 rgb(24,33,8)
```
#24310c
```
#24310c rgb(36,49,12)
```
#30400f
```
#30400f rgb(48,64,15)
```
#3c5013
```
#3c5013 rgb(60,80,19)
```
#486017
```
#486017 rgb(72,96,23)
```
#54701b
```
#54701b rgb(84,112,27)
```
#5f801e
```
#5f801e rgb(95,128,30)
```
#6b9022
```
#6b9022 rgb(107,144,34)
```
#77a026
```
#77a026 rgb(119,160,38)
```
#83af2a
```
#83af2a rgb(131,175,42)
```
#8fbf2e
```
#8fbf2e rgb(143,191,46)
```

Shade Color Variation

#9ace32
```
#9ace32 rgb(154,206,50)
```
#a2d242
```
#a2d242 rgb(162,210,66)
```
#aad652
```
#aad652 rgb(170,214,82)
```
#b2da62
```
#b2da62 rgb(178,218,98)
```
#b9dd72
```
#b9dd72 rgb(185,221,114)
```
#c1e181
```
#c1e181 rgb(193,225,129)
```
#c9e591
```
#c9e591 rgb(201,229,145)
```
#d1e9a1
```
#d1e9a1 rgb(209,233,161)
```
#d9ecb1
```
#d9ecb1 rgb(217,236,177)
```
#e0f0c1
```
#e0f0c1 rgb(224,240,193)
```
#e8f4d1
```
#e8f4d1 rgb(232,244,209)
```
#f0f8e0
```
#f0f8e0 rgb(240,248,224)
```
#f8fbf0
```
#f8fbf0 rgb(248,251,240)
```

Tint Color Variation

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

#8d9381
```
#8d9381 rgb(141,147,129)
```
#909c78
```
#909c78 rgb(144,156,120)
```
#93a56f
```
#93a56f rgb(147,165,111)
```
#96ae66
```
#96ae66 rgb(150,174,102)
```
#99b75d
```
#99b75d rgb(153,183,93)
```
#9cc054
```
#9cc054 rgb(156,192,84)
```
#9fc94b
```
#9fc94b rgb(159,201,75)
```
#a2d242
```
#a2d242 rgb(162,210,66)
```
#a5db39
```
#a5db39 rgb(165,219,57)
```
#a8e430
```
#a8e430 rgb(168,228,48)
```
#abed27
```
#abed27 rgb(171,237,39)
```
#aef61e
```
#aef61e rgb(174,246,30)
```
#b1ff15
```
#b1ff15 rgb(177,255,21)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#b0b99c Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc547 Protanopia 1% of men
#f3bc56 Deuteranopia 1% of men
#b9c7d5 Tritanopia 0.001% of the population

Trichromacy

#c6ca45 Protanomaly 1% of men, 0.01% of women
#d5c44e Deuteranomaly 6% of men, 0.4% of women
#b1cb9f Tritanomaly 0.01% of the population

#a2d242 hex color

#a2d242 Color Information

#a2d242 Color Conversion

Color Schemes with #a2d242

Alternatives to #a2d242

#a2d242 Preview

Shades and Tints of #a2d242

Tones of #a2d242

Color Blindness Simulator