colorhexa.com

#02ed56 hex color

In a RGB color space, hex #02ed56 is composed of 0.8% red, 92.9% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 63.7% yellow and 7.1% black. It has a hue angle of 141.4 degrees, a saturation of 98.3% and a lightness of 46.9%. #02ed56 color hex could be obtained by blending #04ffac with #00db00. Closest websafe color is: #00ff66.

- R 1
- G 93
- B 34
RGB color chart
- C 99
- M 0
- Y 64
- K 7
CMYK color chart

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

The hexadecimal color #02ed56 has RGB values of R:2, G:237, B:86 and CMYK values of C:0.99, M:0, Y:0.64, K:0.07. Its decimal value is 191830.

Hex triplet	02ed56	`#02ed56`
RGB Decimal	2, 237, 86	`rgb(2,237,86)`
RGB Percent	0.8, 92.9, 33.7	`rgb(0.8%,92.9%,33.7%)`
CMYK	99, 0, 64, 7
HSL	141.4°, 98.3, 46.9	`hsl(141.4,98.3%,46.9%)`
HSV (or HSB)	141.4°, 99.2, 92.9
Web Safe	00ff66	`#00ff66`

CIE-LAB	82.513, -76.836, 58.205
XYZ	31.987, 61.249, 18.94
xyY	0.285, 0.546, 61.249
CIE-LCH	82.513, 96.393, 142.855
CIE-LUV	82.513, -76, 84.503
Hunter-Lab	78.262, -64.003, 40.435
Binary	00000010, 11101101, 01010110

#02ed56
```
#02ed56 rgb(2,237,86)
```
#ed0299
```
#ed0299 rgb(237,2,153)
```

Complementary Color

#24ed02
```
#24ed02 rgb(36,237,2)
```
#02ed56
```
#02ed56 rgb(2,237,86)
```
#02edcc
```
#02edcc rgb(2,237,204)
```

Analogous Color

#ed0224
```
#ed0224 rgb(237,2,36)
```
#02ed56
```
#02ed56 rgb(2,237,86)
```
#cc02ed
```
#cc02ed rgb(204,2,237)
```

Split Complementary Color

#01a13a
```
#01a13a rgb(1,161,58)
```
#02ba44
```
#02ba44 rgb(2,186,68)
```
#02d44d
```
#02d44d rgb(2,212,77)
```
#02ed56
```
#02ed56 rgb(2,237,86)
```
#0cfd62
```
#0cfd62 rgb(12,253,98)
```
#25fd72
```
#25fd72 rgb(37,253,114)
```
#3efd82
```
#3efd82 rgb(62,253,130)
```

Monochromatic Color

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

#02ed1b
```
#02ed1b rgb(2,237,27)
```
#02ed2f
```
#02ed2f rgb(2,237,47)
```
#02ed42
```
#02ed42 rgb(2,237,66)
```
#02ed56
```
#02ed56 rgb(2,237,86)
```
#02ed6a
```
#02ed6a rgb(2,237,106)
```
#02ed7d
```
#02ed7d rgb(2,237,125)
```
#02ed91
```
#02ed91 rgb(2,237,145)
```

Similar Colors

Text with hexadecimal color #02ed56

This text has a font color of #02ed56.

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

#02ed56 background color

This paragraph has a background color of #02ed56.

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

#02ed56 border color

This element has a border color of #02ed56.

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

CSS codes

.text {color:#02ed56;}

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

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

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

#000401
```
#000401 rgb(0,4,1)
```
#001708
```
#001708 rgb(0,23,8)
```
#002a0f
```
#002a0f rgb(0,42,15)
```
#013e16
```
#013e16 rgb(1,62,22)
```
#01511e
```
#01511e rgb(1,81,30)
```
#016525
```
#016525 rgb(1,101,37)
```
#01782c
```
#01782c rgb(1,120,44)
```
#018c33
```
#018c33 rgb(1,140,51)
```
#019f3a
```
#019f3a rgb(1,159,58)
```
#02b341
```
#02b341 rgb(2,179,65)
```
#02c648
```
#02c648 rgb(2,198,72)
```
#02da4f
```
#02da4f rgb(2,218,79)
```
#02ed56
```
#02ed56 rgb(2,237,86)
```

Shade Color Variation

#06fd5e
```
#06fd5e rgb(6,253,94)
```
#19fd6b
```
#19fd6b rgb(25,253,107)
```
#2dfd77
```
#2dfd77 rgb(45,253,119)
```
#40fd84
```
#40fd84 rgb(64,253,132)
```
#54fe90
```
#54fe90 rgb(84,254,144)
```
#67fe9d
```
#67fe9d rgb(103,254,157)
```
#7afea9
```
#7afea9 rgb(122,254,169)
```
#8efeb6
```
#8efeb6 rgb(142,254,182)
```
#a1fec3
```
#a1fec3 rgb(161,254,195)
```
#b5fecf
```
#b5fecf rgb(181,254,207)
```
#c8ffdc
```
#c8ffdc rgb(200,255,220)
```
#dcffe8
```
#dcffe8 rgb(220,255,232)
```
#effff5
```
#effff5 rgb(239,255,245)
```

Tint Color Variation

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

#707f75
```
#707f75 rgb(112,127,117)
```
#678873
```
#678873 rgb(103,136,115)
```
#5e9170
```
#5e9170 rgb(94,145,112)
```
#559a6e
```
#559a6e rgb(85,154,110)
```
#4ca36b
```
#4ca36b rgb(76,163,107)
```
#42ad68
```
#42ad68 rgb(66,173,104)
```
#39b666
```
#39b666 rgb(57,182,102)
```
#30bf63
```
#30bf63 rgb(48,191,99)
```
#27c860
```
#27c860 rgb(39,200,96)
```
#1ed15e
```
#1ed15e rgb(30,209,94)
```
#14db5b
```
#14db5b rgb(20,219,91)
```
#0be459
```
#0be459 rgb(11,228,89)
```
#02ed56
```
#02ed56 rgb(2,237,86)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#78a789 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d056 Protanopia 1% of men
#fdc66e Deuteranopia 1% of men
#6fdfef Tritanopia 0.001% of the population

Trichromacy

#93da56 Protanomaly 1% of men, 0.01% of women
#a2d465 Deuteranomaly 6% of men, 0.4% of women
#47e4b7 Tritanomaly 0.01% of the population