#02ff63 hex color

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

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

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

The hexadecimal color #02ff63 has RGB values of R:2, G:255, B:99 and CMYK values of C:0.99, M:0, Y:0.61, K:0. Its decimal value is 196451.

Hex triplet	02ff63	`#02ff63`
RGB Decimal	2, 255, 99	`rgb(2,255,99)`
RGB Percent	0.8, 100, 38.8	`rgb(0.8%,100%,38.8%)`
CMYK	99, 0, 61, 0
HSL	143°, 100, 50.4	`hsl(143,100%,50.4%)`
HSV (or HSB)	143°, 99.2, 100
Web Safe	00ff66	`#00ff66`

CIE-LAB	88.175, -80.575, 59.17
XYZ	38.035, 72.429, 23.779
xyY	0.283, 0.54, 72.429
CIE-LCH	88.175, 99.967, 143.708
CIE-LUV	88.175, -80.943, 88.018
Hunter-Lab	85.105, -69.161, 43.008
Binary	00000010, 11111111, 01100011

#02ff63
```
#02ff63 rgb(2,255,99)
```
#ff029e
```
#ff029e rgb(255,2,158)
```

Complementary Color

#20ff02
```
#20ff02 rgb(32,255,2)
```
#02ff63
```
#02ff63 rgb(2,255,99)
```
#02ffe2
```
#02ffe2 rgb(2,255,226)
```

Analogous Color

#ff0220
```
#ff0220 rgb(255,2,32)
```
#02ff63
```
#02ff63 rgb(2,255,99)
```
#e202ff
```
#e202ff rgb(226,2,255)
```

Split Complementary Color

#ff6302
```
#ff6302 rgb(255,99,2)
```
#02ff63
```
#02ff63 rgb(2,255,99)
```
#6302ff
```
#6302ff rgb(99,2,255)
```

Triadic Color

#9eff02
```
#9eff02 rgb(158,255,2)
```
#02ff63
```
#02ff63 rgb(2,255,99)
```
#6302ff
```
#6302ff rgb(99,2,255)
```
#ff029e
```
#ff029e rgb(255,2,158)
```

Tetradic Color

#00b545
```
#00b545 rgb(0,181,69)
```
#00ce4f
```
#00ce4f rgb(0,206,79)
```
#00e859
```
#00e859 rgb(0,232,89)
```
#02ff63
```
#02ff63 rgb(2,255,99)
```
#1cff73
```
#1cff73 rgb(28,255,115)
```
#35ff82
```
#35ff82 rgb(53,255,130)
```
#4fff92
```
#4fff92 rgb(79,255,146)
```

Monochromatic Color

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

#02ff24
```
#02ff24 rgb(2,255,36)
```
#02ff39
```
#02ff39 rgb(2,255,57)
```
#02ff4e
```
#02ff4e rgb(2,255,78)
```
#02ff63
```
#02ff63 rgb(2,255,99)
```
#02ff78
```
#02ff78 rgb(2,255,120)
```
#02ff8d
```
#02ff8d rgb(2,255,141)
```
#02ffa2
```
#02ffa2 rgb(2,255,162)
```

Similar Colors

Text with hexadecimal color #02ff63

This text has a font color of #02ff63.

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

#02ff63 background color

This paragraph has a background color of #02ff63.

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

#02ff63 border color

This element has a border color of #02ff63.

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

CSS codes

.text {color:#02ff63;}

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

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

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

#000201
```
#000201 rgb(0,2,1)
```
#001608
```
#001608 rgb(0,22,8)
```
#002910
```
#002910 rgb(0,41,16)
```
#003d17
```
#003d17 rgb(0,61,23)
```
#00501f
```
#00501f rgb(0,80,31)
```
#006426
```
#006426 rgb(0,100,38)
```
#00782e
```
#00782e rgb(0,120,46)
```
#008b35
```
#008b35 rgb(0,139,53)
```
#009f3d
```
#009f3d rgb(0,159,61)
```
#00b344
```
#00b344 rgb(0,179,68)
```
#00c64c
```
#00c64c rgb(0,198,76)
```
#00da53
```
#00da53 rgb(0,218,83)
```
#00ed5b
```
#00ed5b rgb(0,237,91)
```

Shade Color Variation

#02ff63
```
#02ff63 rgb(2,255,99)
```
#16ff6f
```
#16ff6f rgb(22,255,111)
```
#29ff7b
```
#29ff7b rgb(41,255,123)
```
#3dff87
```
#3dff87 rgb(61,255,135)
```
#50ff93
```
#50ff93 rgb(80,255,147)
```
#64ff9f
```
#64ff9f rgb(100,255,159)
```
#78ffac
```
#78ffac rgb(120,255,172)
```
#8bffb8
```
#8bffb8 rgb(139,255,184)
```
#9fffc4
```
#9fffc4 rgb(159,255,196)
```
#b3ffd0
```
#b3ffd0 rgb(179,255,208)
```
#c6ffdc
```
#c6ffdc rgb(198,255,220)
```
#daffe8
```
#daffe8 rgb(218,255,232)
```
#edfff4
```
#edfff4 rgb(237,255,244)
```

Tint Color Variation

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

#778a7e
```
#778a7e rgb(119,138,126)
```
#6d947c
```
#6d947c rgb(109,148,124)
```
#639e7a
```
#639e7a rgb(99,158,122)
```
#5aa777
```
#5aa777 rgb(90,167,119)
```
#50b175
```
#50b175 rgb(80,177,117)
```
#46bb73
```
#46bb73 rgb(70,187,115)
```
#3cc571
```
#3cc571 rgb(60,197,113)
```
#33ce6e
```
#33ce6e rgb(51,206,110)
```
#29d86c
```
#29d86c rgb(41,216,108)
```
#1fe26a
```
#1fe26a rgb(31,226,106)
```
#15ec68
```
#15ec68 rgb(21,236,104)
```
#0cf565
```
#0cf565 rgb(12,245,101)
```
#02ff63
```
#02ff63 rgb(2,255,99)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#82b595 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7df61 Protanopia 1% of men
#ffd8a9 Deuteranopia 1% of men
#82eeff Tritanopia 0.001% of the population

Trichromacy

#9eea62 Protanomaly 1% of men, 0.01% of women
#a3e68f Deuteranomaly 6% of men, 0.4% of women
#53f4c6 Tritanomaly 0.01% of the population

#02ff63 hex color

#02ff63 Color Information

#02ff63 Color Conversion

Color Schemes with #02ff63

Alternatives to #02ff63

#02ff63 Preview

Shades and Tints of #02ff63

Tones of #02ff63

Color Blindness Simulator