#a2ff96 hex color

In a RGB color space, hex #a2ff96 is composed of 63.5% red, 100% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 36.5% cyan, 0% magenta, 41.2% yellow and 0% black. It has a hue angle of 113.1 degrees, a saturation of 100% and a lightness of 79.4%. #a2ff96 color hex could be obtained by blending #ffffff with #45ff2d. Closest websafe color is: #99ff99.

♥
- f
- t
- g
- R 64
- G 100
- B 59
RGB color chart
- C 36
- M 0
- Y 41
- K 0
CMYK color chart

● #a2ff96 color description : Very light lime green.

The hexadecimal color #a2ff96 has RGB values of R:162, G:255, B:150 and CMYK values of C:0.36, M:0, Y:0.41, K:0. Its decimal value is 10682262.

Hex triplet	a2ff96	`#a2ff96`
RGB Decimal	162, 255, 150	`rgb(162,255,150)`
RGB Percent	63.5, 100, 58.8	`rgb(63.5%,100%,58.8%)`
CMYK	36, 0, 41, 0
HSL	113.1°, 100, 79.4	`hsl(113.1,100%,79.4%)`
HSV (or HSB)	113.1°, 41.2, 100
Web Safe	99ff99	`#99ff99`

CIE-LAB	92.31, -47.28, 41.61
XYZ	56.163, 81.401, 41.605
xyY	0.313, 0.454, 81.401
CIE-LCH	92.31, 62.982, 138.649
CIE-LUV	92.31, -45.123, 65.055
Hunter-Lab	90.222, -46.774, 35.815
Binary	10100010, 11111111, 10010110

#a2ff96
```
#a2ff96 rgb(162,255,150)
```
#f396ff
```
#f396ff rgb(243,150,255)
```

Complementary Color

#d7ff96
```
#d7ff96 rgb(215,255,150)
```
#a2ff96
```
#a2ff96 rgb(162,255,150)
```
#96ffbf
```
#96ffbf rgb(150,255,191)
```

Analogous Color

#ff96d7
```
#ff96d7 rgb(255,150,215)
```
#a2ff96
```
#a2ff96 rgb(162,255,150)
```
#bf96ff
```
#bf96ff rgb(191,150,255)
```

Split Complementary Color

#ff96a2
```
#ff96a2 rgb(255,150,162)
```
#a2ff96
```
#a2ff96 rgb(162,255,150)
```
#96a2ff
```
#96a2ff rgb(150,162,255)
```

Triadic Color

#fff396
```
#fff396 rgb(255,243,150)
```
#a2ff96
```
#a2ff96 rgb(162,255,150)
```
#96a2ff
```
#96a2ff rgb(150,162,255)
```
#f396ff
```
#f396ff rgb(243,150,255)
```

Tetradic Color

#5eff4a
```
#5eff4a rgb(94,255,74)
```
#75ff63
```
#75ff63 rgb(117,255,99)
```
#8bff7d
```
#8bff7d rgb(139,255,125)
```
#a2ff96
```
#a2ff96 rgb(162,255,150)
```
#b9ffb0
```
#b9ffb0 rgb(185,255,176)
```
#cfffc9
```
#cfffc9 rgb(207,255,201)
```
#e6ffe3
```
#e6ffe3 rgb(230,255,227)
```

Monochromatic Color

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

#bcff96
```
#bcff96 rgb(188,255,150)
```
#b4ff96
```
#b4ff96 rgb(180,255,150)
```
#abff96
```
#abff96 rgb(171,255,150)
```
#a2ff96
```
#a2ff96 rgb(162,255,150)
```
#99ff96
```
#99ff96 rgb(153,255,150)
```
#96ff9c
```
#96ff9c rgb(150,255,156)
```
#96ffa4
```
#96ffa4 rgb(150,255,164)
```

Similar Colors

Text with hexadecimal color #a2ff96

This text has a font color of #a2ff96.

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

#a2ff96 background color

This paragraph has a background color of #a2ff96.

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

#a2ff96 border color

This element has a border color of #a2ff96.

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

CSS codes

.text {color:#a2ff96;}

.background {background-color:#a2ff96;}

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

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, #010d00 is the darkest color, while #f9fff8 is the lightest one.

#010d00
```
#010d00 rgb(1,13,0)
```
#042000
```
#042000 rgb(4,32,0)
```
#063400
```
#063400 rgb(6,52,0)
```
#084800
```
#084800 rgb(8,72,0)
```
#0a5b00
```
#0a5b00 rgb(10,91,0)
```
#0d6f00
```
#0d6f00 rgb(13,111,0)
```
#0f8200
```
#0f8200 rgb(15,130,0)
```
#119600
```
#119600 rgb(17,150,0)
```
#13aa00
```
#13aa00 rgb(19,170,0)
```
#16bd00
```
#16bd00 rgb(22,189,0)
```
#18d100
```
#18d100 rgb(24,209,0)
```
#1ae400
```
#1ae400 rgb(26,228,0)
```
#1cf800
```
#1cf800 rgb(28,248,0)
```

Shade Color Variation

#28ff0d
```
#28ff0d rgb(40,255,13)
```
#3aff20
```
#3aff20 rgb(58,255,32)
```
#4bff34
```
#4bff34 rgb(75,255,52)
```
#5dff48
```
#5dff48 rgb(93,255,72)
```
#6eff5b
```
#6eff5b rgb(110,255,91)
```
#7fff6f
```
#7fff6f rgb(127,255,111)
```
#91ff82
```
#91ff82 rgb(145,255,130)
```
#a2ff96
```
#a2ff96 rgb(162,255,150)
```
#b3ffaa
```
#b3ffaa rgb(179,255,170)
```
#c5ffbd
```
#c5ffbd rgb(197,255,189)
```
#d6ffd1
```
#d6ffd1 rgb(214,255,209)
```
#e7ffe4
```
#e7ffe4 rgb(231,255,228)
```
#f9fff8
```
#f9fff8 rgb(249,255,248)
```

Tint Color Variation

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

#c7cfc6
```
#c7cfc6 rgb(199,207,198)
```
#c4d3c2
```
#c4d3c2 rgb(196,211,194)
```
#c1d7be
```
#c1d7be rgb(193,215,190)
```
#bedbba
```
#bedbba rgb(190,219,186)
```
#bbdfb6
```
#bbdfb6 rgb(187,223,182)
```
#b8e3b2
```
#b8e3b2 rgb(184,227,178)
```
#b5e7ae
```
#b5e7ae rgb(181,231,174)
```
#b2ebaa
```
#b2ebaa rgb(178,235,170)
```
#aeefa6
```
#aeefa6 rgb(174,239,166)
```
#abf3a2
```
#abf3a2 rgb(171,243,162)
```
#a8f79e
```
#a8f79e rgb(168,247,158)
```
#a5fb9a
```
#a5fb9a rgb(165,251,154)
```
#a2ff96
```
#a2ff96 rgb(162,255,150)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#ccdfca Atypical Achromatopsia 0.001% of the population

Dichromacy

#feea93 Protanopia 1% of men
#ffe5cf Deuteranopia 1% of men
#c7f0ff Tritanopia 0.001% of the population

Trichromacy

#ddf194 Protanomaly 1% of men, 0.01% of women
#ddefba Deuteranomaly 6% of men, 0.4% of women
#baf5d8 Tritanomaly 0.01% of the population

#a2ff96 hex color

#a2ff96 Color Information

#a2ff96 Color Conversion

Color Schemes with #a2ff96

Alternatives to #a2ff96

#a2ff96 Preview

Shades and Tints of #a2ff96

Tones of #a2ff96

Color Blindness Simulator