#a2d696 hex color

In a RGB color space, hex #a2d696 is composed of 63.5% red, 83.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 24.3% cyan, 0% magenta, 29.9% yellow and 16.1% black. It has a hue angle of 108.8 degrees, a saturation of 43.8% and a lightness of 71.4%. #a2d696 color hex could be obtained by blending #ffffff with #45ad2d. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 64
- G 84
- B 59
RGB color chart
- C 24
- M 0
- Y 30
- K 16
CMYK color chart

● #a2d696 color description : Slightly desaturated lime green.

The hexadecimal color #a2d696 has RGB values of R:162, G:214, B:150 and CMYK values of C:0.24, M:0, Y:0.3, K:0.16. Its decimal value is 10671766.

Hex triplet	a2d696	`#a2d696`
RGB Decimal	162, 214, 150	`rgb(162,214,150)`
RGB Percent	63.5, 83.9, 58.8	`rgb(63.5%,83.9%,58.8%)`
CMYK	24, 0, 30, 16
HSL	108.8°, 43.8, 71.4	`hsl(108.8,43.8%,71.4%)`
HSV (or HSB)	108.8°, 29.9, 83.9
Web Safe	99cc99	`#99cc99`

CIE-LAB	80.725, -28.814, 26.326
XYZ	44.45, 57.975, 37.701
xyY	0.317, 0.414, 57.975
CIE-LCH	80.725, 39.03, 137.583
CIE-LUV	80.725, -25.967, 41.592
Hunter-Lab	76.142, -29.042, 23.942
Binary	10100010, 11010110, 10010110

#a2d696
```
#a2d696 rgb(162,214,150)
```
#ca96d6
```
#ca96d6 rgb(202,150,214)
```

Complementary Color

#c2d696
```
#c2d696 rgb(194,214,150)
```
#a2d696
```
#a2d696 rgb(162,214,150)
```
#96d6aa
```
#96d6aa rgb(150,214,170)
```

Analogous Color

#d696c2
```
#d696c2 rgb(214,150,194)
```
#a2d696
```
#a2d696 rgb(162,214,150)
```
#aa96d6
```
#aa96d6 rgb(170,150,214)
```

Split Complementary Color

#d696a2
```
#d696a2 rgb(214,150,162)
```
#a2d696
```
#a2d696 rgb(162,214,150)
```
#96a2d6
```
#96a2d6 rgb(150,162,214)
```

Triadic Color

#d6ca96
```
#d6ca96 rgb(214,202,150)
```
#a2d696
```
#a2d696 rgb(162,214,150)
```
#96a2d6
```
#96a2d6 rgb(150,162,214)
```
#ca96d6
```
#ca96d6 rgb(202,150,214)
```

Tetradic Color

#71c15f
```
#71c15f rgb(113,193,95)
```
#82c871
```
#82c871 rgb(130,200,113)
```
#92cf84
```
#92cf84 rgb(146,207,132)
```
#a2d696
```
#a2d696 rgb(162,214,150)
```
#b2dda8
```
#b2dda8 rgb(178,221,168)
```
#c2e4bb
```
#c2e4bb rgb(194,228,187)
```
#d3ebcd
```
#d3ebcd rgb(211,235,205)
```

Monochromatic Color

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

#b2d696
```
#b2d696 rgb(178,214,150)
```
#add696
```
#add696 rgb(173,214,150)
```
#a7d696
```
#a7d696 rgb(167,214,150)
```
#a2d696
```
#a2d696 rgb(162,214,150)
```
#9dd696
```
#9dd696 rgb(157,214,150)
```
#97d696
```
#97d696 rgb(151,214,150)
```
#96d69a
```
#96d69a rgb(150,214,154)
```

Similar Colors

Text with hexadecimal color #a2d696

This text has a font color of #a2d696.

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

#a2d696 background color

This paragraph has a background color of #a2d696.

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

#a2d696 border color

This element has a border color of #a2d696.

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

CSS codes

.text {color:#a2d696;}

.background {background-color:#a2d696;}

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

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

#040803
```
#040803 rgb(4,8,3)
```
#0b1609
```
#0b1609 rgb(11,22,9)
```
#12240e
```
#12240e rgb(18,36,14)
```
#193214
```
#193214 rgb(25,50,20)
```
#204019
```
#204019 rgb(32,64,25)
```
#284e1f
```
#284e1f rgb(40,78,31)
```
#2f5c24
```
#2f5c24 rgb(47,92,36)
```
#366b2a
```
#366b2a rgb(54,107,42)
```
#3d792f
```
#3d792f rgb(61,121,47)
```
#448735
```
#448735 rgb(68,135,53)
```
#4b953a
```
#4b953a rgb(75,149,58)
```
#52a340
```
#52a340 rgb(82,163,64)
```
#59b145
```
#59b145 rgb(89,177,69)
```

Shade Color Variation

#64ba4f
```
#64ba4f rgb(100,186,79)
```
#70c05e
```
#70c05e rgb(112,192,94)
```
#7dc56c
```
#7dc56c rgb(125,197,108)
```
#89cb7a
```
#89cb7a rgb(137,203,122)
```
#96d088
```
#96d088 rgb(150,208,136)
```
#a2d696
```
#a2d696 rgb(162,214,150)
```
#aedca4
```
#aedca4 rgb(174,220,164)
```
#bbe1b2
```
#bbe1b2 rgb(187,225,178)
```
#c7e7c0
```
#c7e7c0 rgb(199,231,192)
```
#d4ecce
```
#d4ecce rgb(212,236,206)
```
#e0f2dd
```
#e0f2dd rgb(224,242,221)
```
#edf7eb
```
#edf7eb rgb(237,247,235)
```
#f9fdf9
```
#f9fdf9 rgb(249,253,249)
```

Tint Color Variation

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

#b4bab2
```
#b4bab2 rgb(180,186,178)
```
#b0c0ac
```
#b0c0ac rgb(176,192,172)
```
#adc5a7
```
#adc5a7 rgb(173,197,167)
```
#a9cba1
```
#a9cba1 rgb(169,203,161)
```
#a6d09c
```
#a6d09c rgb(166,208,156)
```
#a2d696
```
#a2d696 rgb(162,214,150)
```
#9edc90
```
#9edc90 rgb(158,220,144)
```
#9be18b
```
#9be18b rgb(155,225,139)
```
#97e785
```
#97e785 rgb(151,231,133)
```
#94ec80
```
#94ec80 rgb(148,236,128)
```
#90f27a
```
#90f27a rgb(144,242,122)
```
#8df874
```
#8df874 rgb(141,248,116)
```
#89fd6f
```
#89fd6f rgb(137,253,111)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#b9c4b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#daca96 Protanopia 1% of men
#ecc3a2 Deuteranopia 1% of men
#b4cfde Tritanopia 0.001% of the population

Trichromacy

#c5ce96 Protanomaly 1% of men, 0.01% of women
#d1ca9d Deuteranomaly 6% of men, 0.4% of women
#add1c4 Tritanomaly 0.01% of the population

#a2d696 hex color

#a2d696 Color Information

#a2d696 Color Conversion

Color Schemes with #a2d696

Alternatives to #a2d696

#a2d696 Preview

Shades and Tints of #a2d696

Tones of #a2d696

Color Blindness Simulator