#02ff18 hex color

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

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

● #02ff18 color description : Vivid lime green.

The hexadecimal color #02ff18 has RGB values of R:2, G:255, B:24 and CMYK values of C:0.99, M:0, Y:0.91, K:0. Its decimal value is 196376.

Hex triplet	02ff18	`#02ff18`
RGB Decimal	2, 255, 24	`rgb(2,255,24)`
RGB Percent	0.8, 100, 9.4	`rgb(0.8%,100%,9.4%)`
CMYK	99, 0, 91, 0
HSL	125.2°, 100, 50.4	`hsl(125.2,100%,50.4%)`
HSV (or HSB)	125.2°, 99.2, 100
Web Safe	00ff00	`#00ff00`

CIE-LAB	87.773, -85.709, 80.974
XYZ	35.948, 71.595, 12.789
xyY	0.299, 0.595, 71.595
CIE-LCH	87.773, 117.91, 136.627
CIE-LUV	87.773, -82.854, 105.926
Hunter-Lab	84.614, -72.239, 50.268
Binary	00000010, 11111111, 00011000

#02ff18
```
#02ff18 rgb(2,255,24)
```
#ff02e9
```
#ff02e9 rgb(255,2,233)
```

Complementary Color

#6bff02
```
#6bff02 rgb(107,255,2)
```
#02ff18
```
#02ff18 rgb(2,255,24)
```
#02ff97
```
#02ff97 rgb(2,255,151)
```

Analogous Color

#ff026b
```
#ff026b rgb(255,2,107)
```
#02ff18
```
#02ff18 rgb(2,255,24)
```
#9702ff
```
#9702ff rgb(151,2,255)
```

Split Complementary Color

#ff1802
```
#ff1802 rgb(255,24,2)
```
#02ff18
```
#02ff18 rgb(2,255,24)
```
#1802ff
```
#1802ff rgb(24,2,255)
```

Triadic Color

#e9ff02
```
#e9ff02 rgb(233,255,2)
```
#02ff18
```
#02ff18 rgb(2,255,24)
```
#1802ff
```
#1802ff rgb(24,2,255)
```
#ff02e9
```
#ff02e9 rgb(255,2,233)
```

Tetradic Color

#00b510
```
#00b510 rgb(0,181,16)
```
#00ce12
```
#00ce12 rgb(0,206,18)
```
#00e814
```
#00e814 rgb(0,232,20)
```
#02ff18
```
#02ff18 rgb(2,255,24)
```
#1cff2f
```
#1cff2f rgb(28,255,47)
```
#35ff47
```
#35ff47 rgb(53,255,71)
```
#4fff5e
```
#4fff5e rgb(79,255,94)
```

Monochromatic Color

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

#2bff02
```
#2bff02 rgb(43,255,2)
```
#16ff02
```
#16ff02 rgb(22,255,2)
```
#02ff03
```
#02ff03 rgb(2,255,3)
```
#02ff18
```
#02ff18 rgb(2,255,24)
```
#02ff2d
```
#02ff2d rgb(2,255,45)
```
#02ff42
```
#02ff42 rgb(2,255,66)
```
#02ff57
```
#02ff57 rgb(2,255,87)
```

Similar Colors

Text with hexadecimal color #02ff18

This text has a font color of #02ff18.

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

#02ff18 background color

This paragraph has a background color of #02ff18.

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

#02ff18 border color

This element has a border color of #02ff18.

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

CSS codes

.text {color:#02ff18;}

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

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

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 #edffef is the lightest one.

#000200
```
#000200 rgb(0,2,0)
```
#001602
```
#001602 rgb(0,22,2)
```
#002904
```
#002904 rgb(0,41,4)
```
#003d05
```
#003d05 rgb(0,61,5)
```
#005007
```
#005007 rgb(0,80,7)
```
#006409
```
#006409 rgb(0,100,9)
```
#00780a
```
#00780a rgb(0,120,10)
```
#008b0c
```
#008b0c rgb(0,139,12)
```
#009f0e
```
#009f0e rgb(0,159,14)
```
#00b310
```
#00b310 rgb(0,179,16)
```
#00c611
```
#00c611 rgb(0,198,17)
```
#00da13
```
#00da13 rgb(0,218,19)
```
#00ed15
```
#00ed15 rgb(0,237,21)
```

Shade Color Variation

#02ff18
```
#02ff18 rgb(2,255,24)
```
#16ff2a
```
#16ff2a rgb(22,255,42)
```
#29ff3c
```
#29ff3c rgb(41,255,60)
```
#3dff4e
```
#3dff4e rgb(61,255,78)
```
#50ff60
```
#50ff60 rgb(80,255,96)
```
#64ff72
```
#64ff72 rgb(100,255,114)
```
#78ff83
```
#78ff83 rgb(120,255,131)
```
#8bff95
```
#8bff95 rgb(139,255,149)
```
#9fffa7
```
#9fffa7 rgb(159,255,167)
```
#b3ffb9
```
#b3ffb9 rgb(179,255,185)
```
#c6ffcb
```
#c6ffcb rgb(198,255,203)
```
#daffdd
```
#daffdd rgb(218,255,221)
```
#edffef
```
#edffef rgb(237,255,239)
```

Tint Color Variation

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

#778a78
```
#778a78 rgb(119,138,120)
```
#6d9470
```
#6d9470 rgb(109,148,112)
```
#639e68
```
#639e68 rgb(99,158,104)
```
#5aa760
```
#5aa760 rgb(90,167,96)
```
#50b158
```
#50b158 rgb(80,177,88)
```
#46bb50
```
#46bb50 rgb(70,187,80)
```
#3cc548
```
#3cc548 rgb(60,197,72)
```
#33ce40
```
#33ce40 rgb(51,206,64)
```
#29d838
```
#29d838 rgb(41,216,56)
```
#1fe230
```
#1fe230 rgb(31,226,48)
```
#15ec28
```
#15ec28 rgb(21,236,40)
```
#0cf520
```
#0cf520 rgb(12,245,32)
```
#02ff18
```
#02ff18 rgb(2,255,24)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#7bad7f Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#9fea16 Protanomaly 1% of men, 0.01% of women
#a3e66e Deuteranomaly 6% of men, 0.4% of women
#50f4ab Tritanomaly 0.01% of the population

#02ff18 hex color

#02ff18 Color Information

#02ff18 Color Conversion

Color Schemes with #02ff18

Alternatives to #02ff18

#02ff18 Preview

Shades and Tints of #02ff18

Tones of #02ff18

Color Blindness Simulator