#a2ff80 hex color

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

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

● #a2ff80 color description : Very light green.

The hexadecimal color #a2ff80 has RGB values of R:162, G:255, B:128 and CMYK values of C:0.36, M:0, Y:0.5, K:0. Its decimal value is 10682240.

Hex triplet	a2ff80	`#a2ff80`
RGB Decimal	162, 255, 128	`rgb(162,255,128)`
RGB Percent	63.5, 100, 50.2	`rgb(63.5%,100%,50.2%)`
CMYK	36, 0, 50, 0
HSL	103.9°, 100, 75.1	`hsl(103.9,100%,75.1%)`
HSV (or HSB)	103.9°, 49.8, 100
Web Safe	99ff99	`#99ff99`

CIE-LAB	92.024, -50.091, 51.723
XYZ	54.555, 80.757, 33.134
xyY	0.324, 0.479, 80.757
CIE-LCH	92.024, 72.002, 134.081
CIE-LUV	92.024, -45.472, 76.571
Hunter-Lab	89.865, -48.902, 41.045
Binary	10100010, 11111111, 10000000

#a2ff80
```
#a2ff80 rgb(162,255,128)
```
#dd80ff
```
#dd80ff rgb(221,128,255)
```

Complementary Color

#e2ff80
```
#e2ff80 rgb(226,255,128)
```
#a2ff80
```
#a2ff80 rgb(162,255,128)
```
#80ff9e
```
#80ff9e rgb(128,255,158)
```

Analogous Color

#ff80e2
```
#ff80e2 rgb(255,128,226)
```
#a2ff80
```
#a2ff80 rgb(162,255,128)
```
#9e80ff
```
#9e80ff rgb(158,128,255)
```

Split Complementary Color

#ff80a2
```
#ff80a2 rgb(255,128,162)
```
#a2ff80
```
#a2ff80 rgb(162,255,128)
```
#80a2ff
```
#80a2ff rgb(128,162,255)
```

Triadic Color

#ffdd80
```
#ffdd80 rgb(255,221,128)
```
#a2ff80
```
#a2ff80 rgb(162,255,128)
```
#80a2ff
```
#80a2ff rgb(128,162,255)
```
#dd80ff
```
#dd80ff rgb(221,128,255)
```

Tetradic Color

#6aff34
```
#6aff34 rgb(106,255,52)
```
#7dff4d
```
#7dff4d rgb(125,255,77)
```
#8fff67
```
#8fff67 rgb(143,255,103)
```
#a2ff80
```
#a2ff80 rgb(162,255,128)
```
#b5ff9a
```
#b5ff9a rgb(181,255,154)
```
#c7ffb3
```
#c7ffb3 rgb(199,255,179)
```
#daffcd
```
#daffcd rgb(218,255,205)
```

Monochromatic Color

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

#c2ff80
```
#c2ff80 rgb(194,255,128)
```
#b7ff80
```
#b7ff80 rgb(183,255,128)
```
#adff80
```
#adff80 rgb(173,255,128)
```
#a2ff80
```
#a2ff80 rgb(162,255,128)
```
#97ff80
```
#97ff80 rgb(151,255,128)
```
#8dff80
```
#8dff80 rgb(141,255,128)
```
#82ff80
```
#82ff80 rgb(130,255,128)
```

Similar Colors

Text with hexadecimal color #a2ff80

This text has a font color of #a2ff80.

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

#a2ff80 background color

This paragraph has a background color of #a2ff80.

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

#a2ff80 border color

This element has a border color of #a2ff80.

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

CSS codes

.text {color:#a2ff80;}

.background {background-color:#a2ff80;}

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

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, #030a00 is the darkest color, while #f8fff6 is the lightest one.

#030a00
```
#030a00 rgb(3,10,0)
```
#081e00
```
#081e00 rgb(8,30,0)
```
#0d3200
```
#0d3200 rgb(13,50,0)
```
#134500
```
#134500 rgb(19,69,0)
```
#185900
```
#185900 rgb(24,89,0)
```
#1d6c00
```
#1d6c00 rgb(29,108,0)
```
#228000
```
#228000 rgb(34,128,0)
```
#289400
```
#289400 rgb(40,148,0)
```
#2da700
```
#2da700 rgb(45,167,0)
```
#32bb00
```
#32bb00 rgb(50,187,0)
```
#37ce00
```
#37ce00 rgb(55,206,0)
```
#3de200
```
#3de200 rgb(61,226,0)
```
#42f600
```
#42f600 rgb(66,246,0)
```

Shade Color Variation

#4cff0a
```
#4cff0a rgb(76,255,10)
```
#5aff1e
```
#5aff1e rgb(90,255,30)
```
#69ff32
```
#69ff32 rgb(105,255,50)
```
#77ff45
```
#77ff45 rgb(119,255,69)
```
#85ff59
```
#85ff59 rgb(133,255,89)
```
#94ff6c
```
#94ff6c rgb(148,255,108)
```
#a2ff80
```
#a2ff80 rgb(162,255,128)
```
#b0ff94
```
#b0ff94 rgb(176,255,148)
```
#bfffa7
```
#bfffa7 rgb(191,255,167)
```
#cdffbb
```
#cdffbb rgb(205,255,187)
```
#dbffce
```
#dbffce rgb(219,255,206)
```
#eaffe2
```
#eaffe2 rgb(234,255,226)
```
#f8fff6
```
#f8fff6 rgb(248,255,246)
```

Tint Color Variation

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

#bdc4bb
```
#bdc4bb rgb(189,196,187)
```
#bbc9b6
```
#bbc9b6 rgb(187,201,182)
```
#b9ceb1
```
#b9ceb1 rgb(185,206,177)
```
#b6d3ac
```
#b6d3ac rgb(182,211,172)
```
#b4d8a7
```
#b4d8a7 rgb(180,216,167)
```
#b2dda2
```
#b2dda2 rgb(178,221,162)
```
#b0e29d
```
#b0e29d rgb(176,226,157)
```
#ade798
```
#ade798 rgb(173,231,152)
```
#abeb94
```
#abeb94 rgb(171,235,148)
```
#a9f08f
```
#a9f08f rgb(169,240,143)
```
#a7f58a
```
#a7f58a rgb(167,245,138)
```
#a4fa85
```
#a4fa85 rgb(164,250,133)
```
#a2ff80
```
#a2ff80 rgb(162,255,128)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#cbddc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe989 Protanopia 1% of men
#ffe5ca Deuteranopia 1% of men
#c6efff Tritanopia 0.001% of the population

Trichromacy

#ddf186 Protanomaly 1% of men, 0.01% of women
#ddeeaf Deuteranomaly 6% of men, 0.4% of women
#b9f5d0 Tritanomaly 0.01% of the population

#a2ff80 hex color

#a2ff80 Color Information

#a2ff80 Color Conversion

Color Schemes with #a2ff80

Alternatives to #a2ff80

#a2ff80 Preview

Shades and Tints of #a2ff80

Tones of #a2ff80

Color Blindness Simulator