#02ff46 hex color

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

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

● #02ff46 color description : Vivid cyan - lime green.

The hexadecimal color #02ff46 has RGB values of R:2, G:255, B:70 and CMYK values of C:0.99, M:0, Y:0.73, K:0. Its decimal value is 196422.

Hex triplet	02ff46	`#02ff46`
RGB Decimal	2, 255, 70	`rgb(2,255,70)`
RGB Percent	0.8, 100, 27.5	`rgb(0.8%,100%,27.5%)`
CMYK	99, 0, 73, 0
HSL	136.1°, 100, 50.4	`hsl(136.1,100%,50.4%)`
HSV (or HSB)	136.1°, 99.2, 100
Web Safe	00ff33	`#00ff33`

CIE-LAB	87.955, -83.365, 69.994
XYZ	36.888, 71.971, 17.742
xyY	0.291, 0.568, 71.971
CIE-LCH	87.955, 108.853, 139.983
CIE-LUV	87.955, -81.972, 97.692
Hunter-Lab	84.836, -70.847, 46.986
Binary	00000010, 11111111, 01000110

#02ff46
```
#02ff46 rgb(2,255,70)
```
#ff02bb
```
#ff02bb rgb(255,2,187)
```

Complementary Color

#3dff02
```
#3dff02 rgb(61,255,2)
```
#02ff46
```
#02ff46 rgb(2,255,70)
```
#02ffc5
```
#02ffc5 rgb(2,255,197)
```

Analogous Color

#ff023c
```
#ff023c rgb(255,2,60)
```
#02ff46
```
#02ff46 rgb(2,255,70)
```
#c502ff
```
#c502ff rgb(197,2,255)
```

Split Complementary Color

#ff4602
```
#ff4602 rgb(255,70,2)
```
#02ff46
```
#02ff46 rgb(2,255,70)
```
#4602ff
```
#4602ff rgb(70,2,255)
```

Triadic Color

#bbff02
```
#bbff02 rgb(187,255,2)
```
#02ff46
```
#02ff46 rgb(2,255,70)
```
#4602ff
```
#4602ff rgb(70,2,255)
```
#ff02bb
```
#ff02bb rgb(255,2,187)
```

Tetradic Color

#00b531
```
#00b531 rgb(0,181,49)
```
#00ce37
```
#00ce37 rgb(0,206,55)
```
#00e83e
```
#00e83e rgb(0,232,62)
```
#02ff46
```
#02ff46 rgb(2,255,70)
```
#1cff59
```
#1cff59 rgb(28,255,89)
```
#35ff6b
```
#35ff6b rgb(53,255,107)
```
#4fff7e
```
#4fff7e rgb(79,255,126)
```

Monochromatic Color

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

#02ff07
```
#02ff07 rgb(2,255,7)
```
#02ff1c
```
#02ff1c rgb(2,255,28)
```
#02ff31
```
#02ff31 rgb(2,255,49)
```
#02ff46
```
#02ff46 rgb(2,255,70)
```
#02ff5b
```
#02ff5b rgb(2,255,91)
```
#02ff70
```
#02ff70 rgb(2,255,112)
```
#02ff85
```
#02ff85 rgb(2,255,133)
```

Similar Colors

Text with hexadecimal color #02ff46

This text has a font color of #02ff46.

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

#02ff46 background color

This paragraph has a background color of #02ff46.

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

#02ff46 border color

This element has a border color of #02ff46.

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

CSS codes

.text {color:#02ff46;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#001606
```
#001606 rgb(0,22,6)
```
#00290b
```
#00290b rgb(0,41,11)
```
#003d10
```
#003d10 rgb(0,61,16)
```
#005016
```
#005016 rgb(0,80,22)
```
#00641b
```
#00641b rgb(0,100,27)
```
#007820
```
#007820 rgb(0,120,32)
```
#008b25
```
#008b25 rgb(0,139,37)
```
#009f2b
```
#009f2b rgb(0,159,43)
```
#00b330
```
#00b330 rgb(0,179,48)
```
#00c635
```
#00c635 rgb(0,198,53)
```
#00da3b
```
#00da3b rgb(0,218,59)
```
#00ed40
```
#00ed40 rgb(0,237,64)
```

Shade Color Variation

#02ff46
```
#02ff46 rgb(2,255,70)
```
#16ff54
```
#16ff54 rgb(22,255,84)
```
#29ff63
```
#29ff63 rgb(41,255,99)
```
#3dff71
```
#3dff71 rgb(61,255,113)
```
#50ff7f
```
#50ff7f rgb(80,255,127)
```
#64ff8e
```
#64ff8e rgb(100,255,142)
```
#78ff9c
```
#78ff9c rgb(120,255,156)
```
#8bffaa
```
#8bffaa rgb(139,255,170)
```
#9fffb9
```
#9fffb9 rgb(159,255,185)
```
#b3ffc7
```
#b3ffc7 rgb(179,255,199)
```
#c6ffd5
```
#c6ffd5 rgb(198,255,213)
```
#daffe4
```
#daffe4 rgb(218,255,228)
```
#edfff2
```
#edfff2 rgb(237,255,242)
```

Tint Color Variation

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

#778a7c
```
#778a7c rgb(119,138,124)
```
#6d9478
```
#6d9478 rgb(109,148,120)
```
#639e73
```
#639e73 rgb(99,158,115)
```
#5aa76f
```
#5aa76f rgb(90,167,111)
```
#50b16a
```
#50b16a rgb(80,177,106)
```
#46bb66
```
#46bb66 rgb(70,187,102)
```
#3cc561
```
#3cc561 rgb(60,197,97)
```
#33ce5d
```
#33ce5d rgb(51,206,93)
```
#29d858
```
#29d858 rgb(41,216,88)
```
#1fe254
```
#1fe254 rgb(31,226,84)
```
#15ec4f
```
#15ec4f rgb(21,236,79)
```
#0cf54b
```
#0cf54b rgb(12,245,75)
```
#02ff46
```
#02ff46 rgb(2,255,70)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#7fb18c Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8de47 Protanopia 1% of men
#ffd8a4 Deuteranopia 1% of men
#7feeff Tritanopia 0.001% of the population

Trichromacy

#9eea46 Protanomaly 1% of men, 0.01% of women
#a3e682 Deuteranomaly 6% of men, 0.4% of women
#51f4bb Tritanomaly 0.01% of the population

#02ff46 hex color

#02ff46 Color Information

#02ff46 Color Conversion

Color Schemes with #02ff46

Alternatives to #02ff46

#02ff46 Preview

Shades and Tints of #02ff46

Tones of #02ff46

Color Blindness Simulator