#02ff45 hex color

In a RGB color space, hex #02ff45 is composed of 0.8% red, 100% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 72.9% yellow and 0% black. It has a hue angle of 135.9 degrees, a saturation of 100% and a lightness of 50.4%. #02ff45 color hex could be obtained by blending #04ff8a 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

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

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

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

CIE-LAB	87.949, -83.443, 70.323
XYZ	36.857, 71.958, 17.577
xyY	0.292, 0.569, 71.958
CIE-LCH	87.949, 109.124, 139.877
CIE-LUV	87.949, -82.001, 97.962
Hunter-Lab	84.828, -70.893, 47.095
Binary	00000010, 11111111, 01000101

#02ff45
```
#02ff45 rgb(2,255,69)
```
#ff02bc
```
#ff02bc rgb(255,2,188)
```

Complementary Color

#3dff02
```
#3dff02 rgb(61,255,2)
```
#02ff45
```
#02ff45 rgb(2,255,69)
```
#02ffc4
```
#02ffc4 rgb(2,255,196)
```

Analogous Color

#ff023d
```
#ff023d rgb(255,2,61)
```
#02ff45
```
#02ff45 rgb(2,255,69)
```
#c402ff
```
#c402ff rgb(196,2,255)
```

Split Complementary Color

#ff4502
```
#ff4502 rgb(255,69,2)
```
#02ff45
```
#02ff45 rgb(2,255,69)
```
#4502ff
```
#4502ff rgb(69,2,255)
```

Triadic Color

#bcff02
```
#bcff02 rgb(188,255,2)
```
#02ff45
```
#02ff45 rgb(2,255,69)
```
#4502ff
```
#4502ff rgb(69,2,255)
```
#ff02bc
```
#ff02bc rgb(255,2,188)
```

Tetradic Color

#00b530
```
#00b530 rgb(0,181,48)
```
#00ce37
```
#00ce37 rgb(0,206,55)
```
#00e83d
```
#00e83d rgb(0,232,61)
```
#02ff45
```
#02ff45 rgb(2,255,69)
```
#1cff58
```
#1cff58 rgb(28,255,88)
```
#35ff6a
```
#35ff6a rgb(53,255,106)
```
#4fff7d
```
#4fff7d rgb(79,255,125)
```

Monochromatic Color

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

#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)
```
#02ff84
```
#02ff84 rgb(2,255,132)
```

Similar Colors

Text with hexadecimal color #02ff45

This text has a font color of #02ff45.

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

#02ff45 background color

This paragraph has a background color of #02ff45.

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

#02ff45 border color

This element has a border color of #02ff45.

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

CSS codes

.text {color:#02ff45;}

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

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

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)
```
#005015
```
#005015 rgb(0,80,21)
```
#00641b
```
#00641b rgb(0,100,27)
```
#007820
```
#007820 rgb(0,120,32)
```
#008b25
```
#008b25 rgb(0,139,37)
```
#009f2a
```
#009f2a rgb(0,159,42)
```
#00b32f
```
#00b32f rgb(0,179,47)
```
#00c634
```
#00c634 rgb(0,198,52)
```
#00da3a
```
#00da3a rgb(0,218,58)
```
#00ed3f
```
#00ed3f rgb(0,237,63)
```

Shade Color Variation

#02ff45
```
#02ff45 rgb(2,255,69)
```
#16ff53
```
#16ff53 rgb(22,255,83)
```
#29ff62
```
#29ff62 rgb(41,255,98)
```
#3dff70
```
#3dff70 rgb(61,255,112)
```
#50ff7f
```
#50ff7f rgb(80,255,127)
```
#64ff8d
```
#64ff8d rgb(100,255,141)
```
#78ff9c
```
#78ff9c rgb(120,255,156)
```
#8bffaa
```
#8bffaa rgb(139,255,170)
```
#9fffb8
```
#9fffb8 rgb(159,255,184)
```
#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 #02ff45 is the most saturated one.

#778a7c
```
#778a7c rgb(119,138,124)
```
#6d9477
```
#6d9477 rgb(109,148,119)
```
#639e73
```
#639e73 rgb(99,158,115)
```
#5aa76e
```
#5aa76e rgb(90,167,110)
```
#50b16a
```
#50b16a rgb(80,177,106)
```
#46bb65
```
#46bb65 rgb(70,187,101)
```
#3cc560
```
#3cc560 rgb(60,197,96)
```
#33ce5c
```
#33ce5c rgb(51,206,92)
```
#29d857
```
#29d857 rgb(41,216,87)
```
#1fe253
```
#1fe253 rgb(31,226,83)
```
#15ec4e
```
#15ec4e rgb(21,236,78)
```
#0cf54a
```
#0cf54a rgb(12,245,74)
```
#02ff45
```
#02ff45 rgb(2,255,69)
```

Tone Color Variation

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

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

Trichromacy

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

#02ff45 hex color

#02ff45 Color Information

#02ff45 Color Conversion

Color Schemes with #02ff45

Alternatives to #02ff45

#02ff45 Preview

Shades and Tints of #02ff45

Tones of #02ff45

Color Blindness Simulator