#02ec96 hex color

In a RGB color space, hex #02ec96 is composed of 0.8% red, 92.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 36.4% yellow and 7.5% black. It has a hue angle of 157.9 degrees, a saturation of 98.3% and a lightness of 46.7%. #02ec96 color hex could be obtained by blending #04ffff with #00d92d. Closest websafe color is: #00ff99.

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

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

The hexadecimal color #02ec96 has RGB values of R:2, G:236, B:150 and CMYK values of C:0.99, M:0, Y:0.36, K:0.07. Its decimal value is 191638.

Hex triplet	02ec96	`#02ec96`
RGB Decimal	2, 236, 150	`rgb(2,236,150)`
RGB Percent	0.8, 92.5, 58.8	`rgb(0.8%,92.5%,58.8%)`
CMYK	99, 0, 36, 7
HSL	157.9°, 98.3, 46.7	`hsl(157.9,98.3%,46.7%)`
HSV (or HSB)	157.9°, 99.2, 92.5
Web Safe	00ff99	`#00ff99`

CIE-LAB	83.021, -66.656, 28.706
XYZ	35.523, 62.202, 38.986
xyY	0.26, 0.455, 62.202
CIE-LCH	83.021, 72.574, 156.7
CIE-LUV	83.021, -72.249, 51.137
Hunter-Lab	78.868, -57.622, 25.899
Binary	00000010, 11101100, 10010110

#02ec96
```
#02ec96 rgb(2,236,150)
```
#ec0258
```
#ec0258 rgb(236,2,88)
```

Complementary Color

#02ec21
```
#02ec21 rgb(2,236,33)
```
#02ec96
```
#02ec96 rgb(2,236,150)
```
#02cdec
```
#02cdec rgb(2,205,236)
```

Analogous Color

#ec2102
```
#ec2102 rgb(236,33,2)
```
#02ec96
```
#02ec96 rgb(2,236,150)
```
#ec02cd
```
#ec02cd rgb(236,2,205)
```

Split Complementary Color

#ec9602
```
#ec9602 rgb(236,150,2)
```
#02ec96
```
#02ec96 rgb(2,236,150)
```
#9602ec
```
#9602ec rgb(150,2,236)
```

Triadic Color

#58ec02
```
#58ec02 rgb(88,236,2)
```
#02ec96
```
#02ec96 rgb(2,236,150)
```
#9602ec
```
#9602ec rgb(150,2,236)
```
#ec0258
```
#ec0258 rgb(236,2,88)
```

Tetradic Color

#01a066
```
#01a066 rgb(1,160,102)
```
#02b976
```
#02b976 rgb(2,185,118)
```
#02d386
```
#02d386 rgb(2,211,134)
```
#02ec96
```
#02ec96 rgb(2,236,150)
```
#0bfda4
```
#0bfda4 rgb(11,253,164)
```
#24fdad
```
#24fdad rgb(36,253,173)
```
#3dfdb7
```
#3dfdb7 rgb(61,253,183)
```

Monochromatic Color

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

#02ec5b
```
#02ec5b rgb(2,236,91)
```
#02ec6f
```
#02ec6f rgb(2,236,111)
```
#02ec83
```
#02ec83 rgb(2,236,131)
```
#02ec96
```
#02ec96 rgb(2,236,150)
```
#02ecaa
```
#02ecaa rgb(2,236,170)
```
#02ecbd
```
#02ecbd rgb(2,236,189)
```
#02ecd1
```
#02ecd1 rgb(2,236,209)
```

Similar Colors

Text with hexadecimal color #02ec96

This text has a font color of #02ec96.

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

#02ec96 background color

This paragraph has a background color of #02ec96.

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

#02ec96 border color

This element has a border color of #02ec96.

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

CSS codes

.text {color:#02ec96;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#00160e
```
#00160e rgb(0,22,14)
```
#00291a
```
#00291a rgb(0,41,26)
```
#013d27
```
#013d27 rgb(1,61,39)
```
#015033
```
#015033 rgb(1,80,51)
```
#01643f
```
#01643f rgb(1,100,63)
```
#01774c
```
#01774c rgb(1,119,76)
```
#018b58
```
#018b58 rgb(1,139,88)
```
#019e65
```
#019e65 rgb(1,158,101)
```
#02b271
```
#02b271 rgb(2,178,113)
```
#02c57d
```
#02c57d rgb(2,197,125)
```
#02d98a
```
#02d98a rgb(2,217,138)
```
#02ec96
```
#02ec96 rgb(2,236,150)
```

Shade Color Variation

#05fda2
```
#05fda2 rgb(5,253,162)
```
#18fda9
```
#18fda9 rgb(24,253,169)
```
#2cfdb0
```
#2cfdb0 rgb(44,253,176)
```
#3ffdb7
```
#3ffdb7 rgb(63,253,183)
```
#53febf
```
#53febf rgb(83,254,191)
```
#66fec6
```
#66fec6 rgb(102,254,198)
```
#79fecd
```
#79fecd rgb(121,254,205)
```
#8dfed4
```
#8dfed4 rgb(141,254,212)
```
#a0fedc
```
#a0fedc rgb(160,254,220)
```
#b4fee3
```
#b4fee3 rgb(180,254,227)
```
#c7ffea
```
#c7ffea rgb(199,255,234)
```
#dbfff1
```
#dbfff1 rgb(219,255,241)
```
#eefff9
```
#eefff9 rgb(238,255,249)
```

Tint Color Variation

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

#707e79
```
#707e79 rgb(112,126,121)
```
#67877b
```
#67877b rgb(103,135,123)
```
#5e907e
```
#5e907e rgb(94,144,126)
```
#549a80
```
#549a80 rgb(84,154,128)
```
#4ba383
```
#4ba383 rgb(75,163,131)
```
#42ac85
```
#42ac85 rgb(66,172,133)
```
#39b587
```
#39b587 rgb(57,181,135)
```
#30be8a
```
#30be8a rgb(48,190,138)
```
#27c78c
```
#27c78c rgb(39,199,140)
```
#1dd18f
```
#1dd18f rgb(29,209,143)
```
#14da91
```
#14da91 rgb(20,218,145)
```
#0be394
```
#0be394 rgb(11,227,148)
```
#02ec96
```
#02ec96 rgb(2,236,150)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#7dac9b Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2d190 Protanopia 1% of men
#f2c9a7 Deuteranopia 1% of men
#62e2f2 Tritanopia 0.001% of the population

Trichromacy

#90da92 Protanomaly 1% of men, 0.01% of women
#9bd6a1 Deuteranomaly 6% of men, 0.4% of women
#3fe5d0 Tritanomaly 0.01% of the population

#02ec96 hex color

#02ec96 Color Information

#02ec96 Color Conversion

Color Schemes with #02ec96

Alternatives to #02ec96

#02ec96 Preview

Shades and Tints of #02ec96

Tones of #02ec96

Color Blindness Simulator