#a2ff02 hex color

In a RGB color space, hex #a2ff02 is composed of 63.5% red, 100% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 36.5% cyan, 0% magenta, 99.2% yellow and 0% black. It has a hue angle of 82.1 degrees, a saturation of 100% and a lightness of 50.4%. #a2ff02 color hex could be obtained by blending #ffff04 with #45ff00. Closest websafe color is: #99ff00.

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

● #a2ff02 color description : Vivid green.

The hexadecimal color #a2ff02 has RGB values of R:162, G:255, B:2 and CMYK values of C:0.36, M:0, Y:0.99, K:0. Its decimal value is 10682114.

Hex triplet	a2ff02	`#a2ff02`
RGB Decimal	162, 255, 2	`rgb(162,255,2)`
RGB Percent	63.5, 100, 0.8	`rgb(63.5%,100%,0.8%)`
CMYK	36, 0, 99, 0
HSL	82.1°, 100, 50.4	`hsl(82.1,100%,50.4%)`
HSV (or HSB)	82.1°, 99.2, 100
Web Safe	99ff00	`#99ff00`

CIE-LAB	91.326, -57.191, 87.39
XYZ	50.67, 79.204, 12.675
xyY	0.355, 0.556, 79.204
CIE-LCH	91.326, 104.44, 123.202
CIE-LUV	91.326, -46.413, 106.83
Hunter-Lab	88.996, -54.115, 53.853
Binary	10100010, 11111111, 00000010

#a2ff02
```
#a2ff02 rgb(162,255,2)
```
#5f02ff
```
#5f02ff rgb(95,2,255)
```

Complementary Color

#ffde02
```
#ffde02 rgb(255,222,2)
```
#a2ff02
```
#a2ff02 rgb(162,255,2)
```
#24ff02
```
#24ff02 rgb(36,255,2)
```

Analogous Color

#de02ff
```
#de02ff rgb(222,2,255)
```
#a2ff02
```
#a2ff02 rgb(162,255,2)
```
#0224ff
```
#0224ff rgb(2,36,255)
```

Split Complementary Color

#ff02a2
```
#ff02a2 rgb(255,2,162)
```
#a2ff02
```
#a2ff02 rgb(162,255,2)
```
#02a2ff
```
#02a2ff rgb(2,162,255)
```

Triadic Color

#ff5f02
```
#ff5f02 rgb(255,95,2)
```
#a2ff02
```
#a2ff02 rgb(162,255,2)
```
#02a2ff
```
#02a2ff rgb(2,162,255)
```
#5f02ff
```
#5f02ff rgb(95,2,255)
```

Tetradic Color

#72b500
```
#72b500 rgb(114,181,0)
```
#82ce00
```
#82ce00 rgb(130,206,0)
```
#92e800
```
#92e800 rgb(146,232,0)
```
#a2ff02
```
#a2ff02 rgb(162,255,2)
```
#abff1c
```
#abff1c rgb(171,255,28)
```
#b5ff35
```
#b5ff35 rgb(181,255,53)
```
#beff4f
```
#beff4f rgb(190,255,79)
```

Monochromatic Color

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

#e1ff02
```
#e1ff02 rgb(225,255,2)
```
#ccff02
```
#ccff02 rgb(204,255,2)
```
#b7ff02
```
#b7ff02 rgb(183,255,2)
```
#a2ff02
```
#a2ff02 rgb(162,255,2)
```
#8dff02
```
#8dff02 rgb(141,255,2)
```
#78ff02
```
#78ff02 rgb(120,255,2)
```
#63ff02
```
#63ff02 rgb(99,255,2)
```

Similar Colors

Text with hexadecimal color #a2ff02

This text has a font color of #a2ff02.

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

#a2ff02 background color

This paragraph has a background color of #a2ff02.

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

#a2ff02 border color

This element has a border color of #a2ff02.

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

CSS codes

.text {color:#a2ff02;}

.background {background-color:#a2ff02;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#0e1600
```
#0e1600 rgb(14,22,0)
```
#1a2900
```
#1a2900 rgb(26,41,0)
```
#263d00
```
#263d00 rgb(38,61,0)
```
#335000
```
#335000 rgb(51,80,0)
```
#3f6400
```
#3f6400 rgb(63,100,0)
```
#4c7800
```
#4c7800 rgb(76,120,0)
```
#588b00
```
#588b00 rgb(88,139,0)
```
#659f00
```
#659f00 rgb(101,159,0)
```
#71b300
```
#71b300 rgb(113,179,0)
```
#7dc600
```
#7dc600 rgb(125,198,0)
```
#8ada00
```
#8ada00 rgb(138,218,0)
```
#96ed00
```
#96ed00 rgb(150,237,0)
```

Shade Color Variation

#a2ff02
```
#a2ff02 rgb(162,255,2)
```
#a9ff16
```
#a9ff16 rgb(169,255,22)
```
#b0ff29
```
#b0ff29 rgb(176,255,41)
```
#b8ff3d
```
#b8ff3d rgb(184,255,61)
```
#bfff50
```
#bfff50 rgb(191,255,80)
```
#c6ff64
```
#c6ff64 rgb(198,255,100)
```
#cdff78
```
#cdff78 rgb(205,255,120)
```
#d4ff8b
```
#d4ff8b rgb(212,255,139)
```
#dcff9f
```
#dcff9f rgb(220,255,159)
```
#e3ffb3
```
#e3ffb3 rgb(227,255,179)
```
#eaffc6
```
#eaffc6 rgb(234,255,198)
```
#f1ffda
```
#f1ffda rgb(241,255,218)
```
#f9ffed
```
#f9ffed rgb(249,255,237)
```

Tint Color Variation

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

#838a77
```
#838a77 rgb(131,138,119)
```
#86946d
```
#86946d rgb(134,148,109)
```
#889e63
```
#889e63 rgb(136,158,99)
```
#8ba75a
```
#8ba75a rgb(139,167,90)
```
#8db150
```
#8db150 rgb(141,177,80)
```
#90bb46
```
#90bb46 rgb(144,187,70)
```
#93c53c
```
#93c53c rgb(147,197,60)
```
#95ce33
```
#95ce33 rgb(149,206,51)
```
#98d829
```
#98d829 rgb(152,216,41)
```
#9ae21f
```
#9ae21f rgb(154,226,31)
```
#9dec15
```
#9dec15 rgb(157,236,21)
```
#9ff50c
```
#9ff50c rgb(159,245,12)
```
#a2ff02
```
#a2ff02 rgb(162,255,2)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#bfd19f Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe771 Protanopia 1% of men
#ffe3bf Deuteranopia 1% of men
#c4edff Tritanopia 0.001% of the population

Trichromacy

#ddf048 Protanomaly 1% of men, 0.01% of women
#dded7a Deuteranomaly 6% of men, 0.4% of women
#b8f4a3 Tritanomaly 0.01% of the population

#a2ff02 hex color

#a2ff02 Color Information

#a2ff02 Color Conversion

Color Schemes with #a2ff02

Alternatives to #a2ff02

#a2ff02 Preview

Shades and Tints of #a2ff02

Tones of #a2ff02

Color Blindness Simulator