#02ff30 hex color

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

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

● #02ff30 color description : Vivid lime green.

The hexadecimal color #02ff30 has RGB values of R:2, G:255, B:48 and CMYK values of C:0.99, M:0, Y:0.81, K:0. Its decimal value is 196400.

Hex triplet	02ff30	`#02ff30`
RGB Decimal	2, 255, 48	`rgb(2,255,48)`
RGB Percent	0.8, 100, 18.8	`rgb(0.8%,100%,18.8%)`
CMYK	99, 0, 81, 0
HSL	130.9°, 100, 50.4	`hsl(130.9,100%,50.4%)`
HSV (or HSB)	130.9°, 99.2, 100
Web Safe	00ff33	`#00ff33`

CIE-LAB	87.844, -84.785, 76.372
XYZ	36.316, 71.742, 14.73
xyY	0.296, 0.584, 71.742
CIE-LCH	87.844, 114.11, 137.988
CIE-LUV	87.844, -82.504, 102.666
Hunter-Lab	84.701, -71.692, 48.98
Binary	00000010, 11111111, 00110000

#02ff30
```
#02ff30 rgb(2,255,48)
```
#ff02d1
```
#ff02d1 rgb(255,2,209)
```

Complementary Color

#53ff02
```
#53ff02 rgb(83,255,2)
```
#02ff30
```
#02ff30 rgb(2,255,48)
```
#02ffaf
```
#02ffaf rgb(2,255,175)
```

Analogous Color

#ff0253
```
#ff0253 rgb(255,2,83)
```
#02ff30
```
#02ff30 rgb(2,255,48)
```
#af02ff
```
#af02ff rgb(175,2,255)
```

Split Complementary Color

#ff3002
```
#ff3002 rgb(255,48,2)
```
#02ff30
```
#02ff30 rgb(2,255,48)
```
#3002ff
```
#3002ff rgb(48,2,255)
```

Triadic Color

#d1ff02
```
#d1ff02 rgb(209,255,2)
```
#02ff30
```
#02ff30 rgb(2,255,48)
```
#3002ff
```
#3002ff rgb(48,2,255)
```
#ff02d1
```
#ff02d1 rgb(255,2,209)
```

Tetradic Color

#00b521
```
#00b521 rgb(0,181,33)
```
#00ce25
```
#00ce25 rgb(0,206,37)
```
#00e82a
```
#00e82a rgb(0,232,42)
```
#02ff30
```
#02ff30 rgb(2,255,48)
```
#1cff45
```
#1cff45 rgb(28,255,69)
```
#35ff5a
```
#35ff5a rgb(53,255,90)
```
#4fff6f
```
#4fff6f rgb(79,255,111)
```

Monochromatic Color

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

#13ff02
```
#13ff02 rgb(19,255,2)
```
#02ff06
```
#02ff06 rgb(2,255,6)
```
#02ff1b
```
#02ff1b rgb(2,255,27)
```
#02ff30
```
#02ff30 rgb(2,255,48)
```
#02ff45
```
#02ff45 rgb(2,255,69)
```
#02ff5a
```
#02ff5a rgb(2,255,90)
```
#02ff6f
```
#02ff6f rgb(2,255,111)
```

Similar Colors

Text with hexadecimal color #02ff30

This text has a font color of #02ff30.

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

#02ff30 background color

This paragraph has a background color of #02ff30.

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

#02ff30 border color

This element has a border color of #02ff30.

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

CSS codes

.text {color:#02ff30;}

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

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

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

#000200
```
#000200 rgb(0,2,0)
```
#001604
```
#001604 rgb(0,22,4)
```
#002907
```
#002907 rgb(0,41,7)
```
#003d0b
```
#003d0b rgb(0,61,11)
```
#00500f
```
#00500f rgb(0,80,15)
```
#006412
```
#006412 rgb(0,100,18)
```
#007816
```
#007816 rgb(0,120,22)
```
#008b19
```
#008b19 rgb(0,139,25)
```
#009f1d
```
#009f1d rgb(0,159,29)
```
#00b320
```
#00b320 rgb(0,179,32)
```
#00c624
```
#00c624 rgb(0,198,36)
```
#00da28
```
#00da28 rgb(0,218,40)
```
#00ed2b
```
#00ed2b rgb(0,237,43)
```

Shade Color Variation

#02ff30
```
#02ff30 rgb(2,255,48)
```
#16ff40
```
#16ff40 rgb(22,255,64)
```
#29ff50
```
#29ff50 rgb(41,255,80)
```
#3dff60
```
#3dff60 rgb(61,255,96)
```
#50ff70
```
#50ff70 rgb(80,255,112)
```
#64ff80
```
#64ff80 rgb(100,255,128)
```
#78ff90
```
#78ff90 rgb(120,255,144)
```
#8bffa0
```
#8bffa0 rgb(139,255,160)
```
#9fffb0
```
#9fffb0 rgb(159,255,176)
```
#b3ffc0
```
#b3ffc0 rgb(179,255,192)
```
#c6ffd0
```
#c6ffd0 rgb(198,255,208)
```
#daffe1
```
#daffe1 rgb(218,255,225)
```
#edfff1
```
#edfff1 rgb(237,255,241)
```

Tint Color Variation

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

#778a7a
```
#778a7a rgb(119,138,122)
```
#6d9474
```
#6d9474 rgb(109,148,116)
```
#639e6e
```
#639e6e rgb(99,158,110)
```
#5aa768
```
#5aa768 rgb(90,167,104)
```
#50b162
```
#50b162 rgb(80,177,98)
```
#46bb5b
```
#46bb5b rgb(70,187,91)
```
#3cc555
```
#3cc555 rgb(60,197,85)
```
#33ce4f
```
#33ce4f rgb(51,206,79)
```
#29d849
```
#29d849 rgb(41,216,73)
```
#1fe243
```
#1fe243 rgb(31,226,67)
```
#15ec3c
```
#15ec3c rgb(21,236,60)
```
#0cf536
```
#0cf536 rgb(12,245,54)
```
#02ff30
```
#02ff30 rgb(2,255,48)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#7db086 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8de31 Protanopia 1% of men
#ffd8a1 Deuteranopia 1% of men
#7eedff Tritanopia 0.001% of the population

Trichromacy

#9eea31 Protanomaly 1% of men, 0.01% of women
#a3e678 Deuteranomaly 6% of men, 0.4% of women
#51f4b3 Tritanomaly 0.01% of the population

#02ff30 hex color

#02ff30 Color Information

#02ff30 Color Conversion

Color Schemes with #02ff30

Alternatives to #02ff30

#02ff30 Preview

Shades and Tints of #02ff30

Tones of #02ff30

Color Blindness Simulator