#02df22 hex color

In a RGB color space, hex #02df22 is composed of 0.8% red, 87.5% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 0% magenta, 84.8% yellow and 12.5% black. It has a hue angle of 128.7 degrees, a saturation of 98.2% and a lightness of 44.1%. #02df22 color hex could be obtained by blending #04ff44 with #00bf00. Closest websafe color is: #00cc33.

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

● #02df22 color description : Vivid lime green.

The hexadecimal color #02df22 has RGB values of R:2, G:223, B:34 and CMYK values of C:0.99, M:0, Y:0.85, K:0.13. Its decimal value is 188194.

Hex triplet	02df22	`#02df22`
RGB Decimal	2, 223, 34	`rgb(2,223,34)`
RGB Percent	0.8, 87.5, 13.3	`rgb(0.8%,87.5%,13.3%)`
CMYK	99, 0, 85, 13
HSL	128.7°, 98.2, 44.1	`hsl(128.7,98.2%,44.1%)`
HSV (or HSB)	128.7°, 99.1, 87.5
Web Safe	00cc33	`#00cc33`

CIE-LAB	77.816, -76.919, 70.574
XYZ	26.7, 52.901, 10.317
xyY	0.297, 0.588, 52.901
CIE-LCH	77.816, 104.39, 137.464
CIE-LUV	77.816, -73.205, 92.082
Hunter-Lab	72.733, -61.756, 42.503
Binary	00000010, 11011111, 00100010

#02df22
```
#02df22 rgb(2,223,34)
```
#df02bf
```
#df02bf rgb(223,2,191)
```

Complementary Color

#51df02
```
#51df02 rgb(81,223,2)
```
#02df22
```
#02df22 rgb(2,223,34)
```
#02df91
```
#02df91 rgb(2,223,145)
```

Analogous Color

#df0251
```
#df0251 rgb(223,2,81)
```
#02df22
```
#02df22 rgb(2,223,34)
```
#9102df
```
#9102df rgb(145,2,223)
```

Split Complementary Color

#df2202
```
#df2202 rgb(223,34,2)
```
#02df22
```
#02df22 rgb(2,223,34)
```
#2202df
```
#2202df rgb(34,2,223)
```

Triadic Color

#bfdf02
```
#bfdf02 rgb(191,223,2)
```
#02df22
```
#02df22 rgb(2,223,34)
```
#2202df
```
#2202df rgb(34,2,223)
```
#df02bf
```
#df02bf rgb(223,2,191)
```

Tetradic Color

#019316
```
#019316 rgb(1,147,22)
```
#02ac1a
```
#02ac1a rgb(2,172,26)
```
#02c61e
```
#02c61e rgb(2,198,30)
```
#02df22
```
#02df22 rgb(2,223,34)
```
#02f826
```
#02f826 rgb(2,248,38)
```
#17fd38
```
#17fd38 rgb(23,253,56)
```
#30fd4e
```
#30fd4e rgb(48,253,78)
```

Monochromatic Color

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

#19df02
```
#19df02 rgb(25,223,2)
```
#07df02
```
#07df02 rgb(7,223,2)
```
#02df10
```
#02df10 rgb(2,223,16)
```
#02df22
```
#02df22 rgb(2,223,34)
```
#02df34
```
#02df34 rgb(2,223,52)
```
#02df47
```
#02df47 rgb(2,223,71)
```
#02df59
```
#02df59 rgb(2,223,89)
```

Similar Colors

Text with hexadecimal color #02df22

This text has a font color of #02df22.

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

#02df22 background color

This paragraph has a background color of #02df22.

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

#02df22 border color

This element has a border color of #02df22.

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

CSS codes

.text {color:#02df22;}

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

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

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

#000901
```
#000901 rgb(0,9,1)
```
#001d04
```
#001d04 rgb(0,29,4)
```
#003007
```
#003007 rgb(0,48,7)
```
#01430a
```
#01430a rgb(1,67,10)
```
#01570d
```
#01570d rgb(1,87,13)
```
#016a10
```
#016a10 rgb(1,106,16)
```
#017e13
```
#017e13 rgb(1,126,19)
```
#019116
```
#019116 rgb(1,145,22)
```
#01a519
```
#01a519 rgb(1,165,25)
```
#02b81c
```
#02b81c rgb(2,184,28)
```
#02cc1f
```
#02cc1f rgb(2,204,31)
```
#02df22
```
#02df22 rgb(2,223,34)
```
#02f225
```
#02f225 rgb(2,242,37)
```

Shade Color Variation

#0bfd2e
```
#0bfd2e rgb(11,253,46)
```
#1ffd3f
```
#1ffd3f rgb(31,253,63)
```
#32fd50
```
#32fd50 rgb(50,253,80)
```
#46fd60
```
#46fd60 rgb(70,253,96)
```
#59fe71
```
#59fe71 rgb(89,254,113)
```
#6dfe82
```
#6dfe82 rgb(109,254,130)
```
#80fe92
```
#80fe92 rgb(128,254,146)
```
#94fea3
```
#94fea3 rgb(148,254,163)
```
#a7feb4
```
#a7feb4 rgb(167,254,180)
```
#bafec4
```
#bafec4 rgb(186,254,196)
```
#ceffd5
```
#ceffd5 rgb(206,255,213)
```
#e1ffe6
```
#e1ffe6 rgb(225,255,230)
```
#f5fff6
```
#f5fff6 rgb(245,255,246)
```

Tint Color Variation

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

#6a776c
```
#6a776c rgb(106,119,108)
```
#618066
```
#618066 rgb(97,128,102)
```
#59885f
```
#59885f rgb(89,136,95)
```
#509159
```
#509159 rgb(80,145,89)
```
#479a53
```
#479a53 rgb(71,154,83)
```
#3fa24d
```
#3fa24d rgb(63,162,77)
```
#36ab47
```
#36ab47 rgb(54,171,71)
```
#2db441
```
#2db441 rgb(45,180,65)
```
#25bc3b
```
#25bc3b rgb(37,188,59)
```
#1cc534
```
#1cc534 rgb(28,197,52)
```
#13ce2e
```
#13ce2e rgb(19,206,46)
```
#0bd628
```
#0bd628 rgb(11,214,40)
```
#02df22
```
#02df22 rgb(2,223,34)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#6c9973 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc425 Protanopia 1% of men
#f2ba46 Deuteranopia 1% of men
#6cd1e1 Tritanopia 0.001% of the population

Trichromacy

#8ccd24 Protanomaly 1% of men, 0.01% of women
#9ac739 Deuteranomaly 6% of men, 0.4% of women
#45d69b Tritanomaly 0.01% of the population

#02df22 hex color

#02df22 Color Information

#02df22 Color Conversion

Color Schemes with #02df22

Alternatives to #02df22

#02df22 Preview

Shades and Tints of #02df22

Tones of #02df22

Color Blindness Simulator