#02ed96 hex color

In a RGB color space, hex #02ed96 is composed of 0.8% red, 92.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 36.7% yellow and 7.1% black. It has a hue angle of 157.8 degrees, a saturation of 98.3% and a lightness of 46.9%. #02ed96 color hex could be obtained by blending #04ffff with #00db2d. Closest websafe color is: #00ff99.

♥
- f
- t
- g
- R 1
- G 93
- B 59
RGB color chart
- C 99
- M 0
- Y 37
- K 7
CMYK color chart

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

The hexadecimal color #02ed96 has RGB values of R:2, G:237, B:150 and CMYK values of C:0.99, M:0, Y:0.37, K:0.07. Its decimal value is 191894.

Hex triplet	02ed96	`#02ed96`
RGB Decimal	2, 237, 150	`rgb(2,237,150)`
RGB Percent	0.8, 92.9, 58.8	`rgb(0.8%,92.9%,58.8%)`
CMYK	99, 0, 37, 7
HSL	157.8°, 98.3, 46.9	`hsl(157.8,98.3%,46.9%)`
HSV (or HSB)	157.8°, 99.2, 92.9
Web Safe	00ff99	`#00ff99`

CIE-LAB	83.326, -66.999, 29.116
XYZ	35.811, 62.779, 39.083
xyY	0.26, 0.456, 62.779
CIE-LCH	83.326, 73.052, 156.512
CIE-LUV	83.326, -72.568, 51.753
Hunter-Lab	79.233, -57.981, 26.218
Binary	00000010, 11101101, 10010110

#02ed96
```
#02ed96 rgb(2,237,150)
```
#ed0259
```
#ed0259 rgb(237,2,89)
```

Complementary Color

#02ed20
```
#02ed20 rgb(2,237,32)
```
#02ed96
```
#02ed96 rgb(2,237,150)
```
#02cfed
```
#02cfed rgb(2,207,237)
```

Analogous Color

#ed2002
```
#ed2002 rgb(237,32,2)
```
#02ed96
```
#02ed96 rgb(2,237,150)
```
#ed02cf
```
#ed02cf rgb(237,2,207)
```

Split Complementary Color

#ed9602
```
#ed9602 rgb(237,150,2)
```
#02ed96
```
#02ed96 rgb(2,237,150)
```
#9602ed
```
#9602ed rgb(150,2,237)
```

Triadic Color

#59ed02
```
#59ed02 rgb(89,237,2)
```
#02ed96
```
#02ed96 rgb(2,237,150)
```
#9602ed
```
#9602ed rgb(150,2,237)
```
#ed0259
```
#ed0259 rgb(237,2,89)
```

Tetradic Color

#01a166
```
#01a166 rgb(1,161,102)
```
#02ba76
```
#02ba76 rgb(2,186,118)
```
#02d486
```
#02d486 rgb(2,212,134)
```
#02ed96
```
#02ed96 rgb(2,237,150)
```
#0cfda4
```
#0cfda4 rgb(12,253,164)
```
#25fdad
```
#25fdad rgb(37,253,173)
```
#3efdb7
```
#3efdb7 rgb(62,253,183)
```

Monochromatic Color

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

#02ed5b
```
#02ed5b rgb(2,237,91)
```
#02ed6f
```
#02ed6f rgb(2,237,111)
```
#02ed82
```
#02ed82 rgb(2,237,130)
```
#02ed96
```
#02ed96 rgb(2,237,150)
```
#02edaa
```
#02edaa rgb(2,237,170)
```
#02edbd
```
#02edbd rgb(2,237,189)
```
#02edd1
```
#02edd1 rgb(2,237,209)
```

Similar Colors

Text with hexadecimal color #02ed96

This text has a font color of #02ed96.

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

#02ed96 background color

This paragraph has a background color of #02ed96.

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

#02ed96 border color

This element has a border color of #02ed96.

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

CSS codes

.text {color:#02ed96;}

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

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

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

#000402
```
#000402 rgb(0,4,2)
```
#00170f
```
#00170f rgb(0,23,15)
```
#002a1b
```
#002a1b rgb(0,42,27)
```
#013e27
```
#013e27 rgb(1,62,39)
```
#015134
```
#015134 rgb(1,81,52)
```
#016540
```
#016540 rgb(1,101,64)
```
#01784c
```
#01784c rgb(1,120,76)
```
#018c58
```
#018c58 rgb(1,140,88)
```
#019f65
```
#019f65 rgb(1,159,101)
```
#02b371
```
#02b371 rgb(2,179,113)
```
#02c67d
```
#02c67d rgb(2,198,125)
```
#02da8a
```
#02da8a rgb(2,218,138)
```
#02ed96
```
#02ed96 rgb(2,237,150)
```

Shade Color Variation

#06fda1
```
#06fda1 rgb(6,253,161)
```
#19fda9
```
#19fda9 rgb(25,253,169)
```
#2dfdb0
```
#2dfdb0 rgb(45,253,176)
```
#40fdb7
```
#40fdb7 rgb(64,253,183)
```
#54febf
```
#54febf rgb(84,254,191)
```
#67fec6
```
#67fec6 rgb(103,254,198)
```
#7afecd
```
#7afecd rgb(122,254,205)
```
#8efed5
```
#8efed5 rgb(142,254,213)
```
#a1fedc
```
#a1fedc rgb(161,254,220)
```
#b5fee3
```
#b5fee3 rgb(181,254,227)
```
#c8ffea
```
#c8ffea rgb(200,255,234)
```
#dcfff2
```
#dcfff2 rgb(220,255,242)
```
#effff9
```
#effff9 rgb(239,255,249)
```

Tint Color Variation

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

#707f79
```
#707f79 rgb(112,127,121)
```
#67887c
```
#67887c rgb(103,136,124)
```
#5e917e
```
#5e917e rgb(94,145,126)
```
#559a81
```
#559a81 rgb(85,154,129)
```
#4ca383
```
#4ca383 rgb(76,163,131)
```
#42ad85
```
#42ad85 rgb(66,173,133)
```
#39b688
```
#39b688 rgb(57,182,136)
```
#30bf8a
```
#30bf8a rgb(48,191,138)
```
#27c88c
```
#27c88c rgb(39,200,140)
```
#1ed18f
```
#1ed18f rgb(30,209,143)
```
#14db91
```
#14db91 rgb(20,219,145)
```
#0be494
```
#0be494 rgb(11,228,148)
```
#02ed96
```
#02ed96 rgb(2,237,150)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#7ead9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e3d190 Protanopia 1% of men
#f4caa7 Deuteranopia 1% of men
#63e2f3 Tritanopia 0.001% of the population

Trichromacy

#91db92 Protanomaly 1% of men, 0.01% of women
#9cd6a1 Deuteranomaly 6% of men, 0.4% of women
#40e6d1 Tritanomaly 0.01% of the population

#02ed96 hex color

#02ed96 Color Information

#02ed96 Color Conversion

Color Schemes with #02ed96

Alternatives to #02ed96

#02ed96 Preview

Shades and Tints of #02ed96

Tones of #02ed96

Color Blindness Simulator