#02ff22 hex color

In a RGB color space, hex #02ff22 is composed of 0.8% red, 100% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 86.7% yellow and 0% black. It has a hue angle of 127.6 degrees, a saturation of 100% and a lightness of 50.4%. #02ff22 color hex could be obtained by blending #04ff44 with #00ff00. Closest websafe color is: #00ff33.

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

● #02ff22 color description : Vivid lime green.

The hexadecimal color #02ff22 has RGB values of R:2, G:255, B:34 and CMYK values of C:0.99, M:0, Y:0.87, K:0. Its decimal value is 196386.

Hex triplet	02ff22	`#02ff22`
RGB Decimal	2, 255, 34	`rgb(2,255,34)`
RGB Percent	0.8, 100, 13.3	`rgb(0.8%,100%,13.3%)`
CMYK	99, 0, 87, 0
HSL	127.6°, 100, 50.4	`hsl(127.6,100%,50.4%)`
HSV (or HSB)	127.6°, 99.2, 100
Web Safe	00ff33	`#00ff33`

CIE-LAB	87.797, -85.398, 79.377
XYZ	36.072, 71.644, 13.441
xyY	0.298, 0.591, 71.644
CIE-LCH	87.797, 116.591, 137.093
CIE-LUV	87.797, -82.736, 104.825
Hunter-Lab	84.643, -72.055, 49.835
Binary	00000010, 11111111, 00100010

#02ff22
```
#02ff22 rgb(2,255,34)
```
#ff02df
```
#ff02df rgb(255,2,223)
```

Complementary Color

#61ff02
```
#61ff02 rgb(97,255,2)
```
#02ff22
```
#02ff22 rgb(2,255,34)
```
#02ffa1
```
#02ffa1 rgb(2,255,161)
```

Analogous Color

#ff0261
```
#ff0261 rgb(255,2,97)
```
#02ff22
```
#02ff22 rgb(2,255,34)
```
#a102ff
```
#a102ff rgb(161,2,255)
```

Split Complementary Color

#ff2202
```
#ff2202 rgb(255,34,2)
```
#02ff22
```
#02ff22 rgb(2,255,34)
```
#2202ff
```
#2202ff rgb(34,2,255)
```

Triadic Color

#dfff02
```
#dfff02 rgb(223,255,2)
```
#02ff22
```
#02ff22 rgb(2,255,34)
```
#2202ff
```
#2202ff rgb(34,2,255)
```
#ff02df
```
#ff02df rgb(255,2,223)
```

Tetradic Color

#00b517
```
#00b517 rgb(0,181,23)
```
#00ce1a
```
#00ce1a rgb(0,206,26)
```
#00e81d
```
#00e81d rgb(0,232,29)
```
#02ff22
```
#02ff22 rgb(2,255,34)
```
#1cff38
```
#1cff38 rgb(28,255,56)
```
#35ff4f
```
#35ff4f rgb(53,255,79)
```
#4fff65
```
#4fff65 rgb(79,255,101)
```

Monochromatic Color

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

#21ff02
```
#21ff02 rgb(33,255,2)
```
#0cff02
```
#0cff02 rgb(12,255,2)
```
#02ff0d
```
#02ff0d rgb(2,255,13)
```
#02ff22
```
#02ff22 rgb(2,255,34)
```
#02ff37
```
#02ff37 rgb(2,255,55)
```
#02ff4c
```
#02ff4c rgb(2,255,76)
```
#02ff61
```
#02ff61 rgb(2,255,97)
```

Similar Colors

Text with hexadecimal color #02ff22

This text has a font color of #02ff22.

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

#02ff22 background color

This paragraph has a background color of #02ff22.

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

#02ff22 border color

This element has a border color of #02ff22.

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

CSS codes

.text {color:#02ff22;}

.background {background-color:#02ff22;}

.border {border:1px solid #02ff22;}

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

#000200
```
#000200 rgb(0,2,0)
```
#001603
```
#001603 rgb(0,22,3)
```
#002905
```
#002905 rgb(0,41,5)
```
#003d08
```
#003d08 rgb(0,61,8)
```
#00500a
```
#00500a rgb(0,80,10)
```
#00640d
```
#00640d rgb(0,100,13)
```
#00780f
```
#00780f rgb(0,120,15)
```
#008b12
```
#008b12 rgb(0,139,18)
```
#009f14
```
#009f14 rgb(0,159,20)
```
#00b317
```
#00b317 rgb(0,179,23)
```
#00c619
```
#00c619 rgb(0,198,25)
```
#00da1c
```
#00da1c rgb(0,218,28)
```
#00ed1e
```
#00ed1e rgb(0,237,30)
```

Shade Color Variation

#02ff22
```
#02ff22 rgb(2,255,34)
```
#16ff33
```
#16ff33 rgb(22,255,51)
```
#29ff44
```
#29ff44 rgb(41,255,68)
```
#3dff55
```
#3dff55 rgb(61,255,85)
```
#50ff67
```
#50ff67 rgb(80,255,103)
```
#64ff78
```
#64ff78 rgb(100,255,120)
```
#78ff89
```
#78ff89 rgb(120,255,137)
```
#8bff9a
```
#8bff9a rgb(139,255,154)
```
#9fffab
```
#9fffab rgb(159,255,171)
```
#b3ffbc
```
#b3ffbc rgb(179,255,188)
```
#c6ffcd
```
#c6ffcd rgb(198,255,205)
```
#daffde
```
#daffde rgb(218,255,222)
```
#edfff0
```
#edfff0 rgb(237,255,240)
```

Tint Color Variation

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

#778a79
```
#778a79 rgb(119,138,121)
```
#6d9472
```
#6d9472 rgb(109,148,114)
```
#639e6b
```
#639e6b rgb(99,158,107)
```
#5aa763
```
#5aa763 rgb(90,167,99)
```
#50b15c
```
#50b15c rgb(80,177,92)
```
#46bb55
```
#46bb55 rgb(70,187,85)
```
#3cc54e
```
#3cc54e rgb(60,197,78)
```
#33ce46
```
#33ce46 rgb(51,206,70)
```
#29d83f
```
#29d83f rgb(41,216,63)
```
#1fe238
```
#1fe238 rgb(31,226,56)
```
#15ec31
```
#15ec31 rgb(21,236,49)
```
#0cf529
```
#0cf529 rgb(12,245,41)
```
#02ff22
```
#02ff22 rgb(2,255,34)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#7cae82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8de23 Protanopia 1% of men
#ffd7a0 Deuteranopia 1% of men
#7dedff Tritanopia 0.001% of the population

Trichromacy

#9fea22 Protanomaly 1% of men, 0.01% of women
#a3e672 Deuteranomaly 6% of men, 0.4% of women
#50f4ae Tritanomaly 0.01% of the population

#02ff22 hex color

#02ff22 Color Information

#02ff22 Color Conversion

Color Schemes with #02ff22

Alternatives to #02ff22

#02ff22 Preview

Shades and Tints of #02ff22

Tones of #02ff22

Color Blindness Simulator