#02e396 hex color

In a RGB color space, hex #02e396 is composed of 0.8% red, 89% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 0% magenta, 33.9% yellow and 11% black. It has a hue angle of 159.5 degrees, a saturation of 98.3% and a lightness of 44.9%. #02e396 color hex could be obtained by blending #04ffff with #00c72d. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 1
- G 89
- B 59
RGB color chart
- C 99
- M 0
- Y 34
- K 11
CMYK color chart

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

The hexadecimal color #02e396 has RGB values of R:2, G:227, B:150 and CMYK values of C:0.99, M:0, Y:0.34, K:0.11. Its decimal value is 189334.

Hex triplet	02e396	`#02e396`
RGB Decimal	2, 227, 150	`rgb(2,227,150)`
RGB Percent	0.8, 89, 58.8	`rgb(0.8%,89%,58.8%)`
CMYK	99, 0, 34, 11
HSL	159.5°, 98.3, 44.9	`hsl(159.5,98.3%,44.9%)`
HSV (or HSB)	159.5°, 99.1, 89
Web Safe	00cc99	`#00cc99`

CIE-LAB	80.264, -63.52, 24.982
XYZ	32.996, 57.149, 38.144
xyY	0.257, 0.445, 57.149
CIE-LCH	80.264, 68.256, 158.531
CIE-LUV	80.264, -69.354, 45.511
Hunter-Lab	75.597, -54.384, 23.002
Binary	00000010, 11100011, 10010110

#02e396
```
#02e396 rgb(2,227,150)
```
#e3024f
```
#e3024f rgb(227,2,79)
```

Complementary Color

#02e325
```
#02e325 rgb(2,227,37)
```
#02e396
```
#02e396 rgb(2,227,150)
```
#02c0e3
```
#02c0e3 rgb(2,192,227)
```

Analogous Color

#e32602
```
#e32602 rgb(227,38,2)
```
#02e396
```
#02e396 rgb(2,227,150)
```
#e302c0
```
#e302c0 rgb(227,2,192)
```

Split Complementary Color

#e39602
```
#e39602 rgb(227,150,2)
```
#02e396
```
#02e396 rgb(2,227,150)
```
#9602e3
```
#9602e3 rgb(150,2,227)
```

Triadic Color

#4fe302
```
#4fe302 rgb(79,227,2)
```
#02e396
```
#02e396 rgb(2,227,150)
```
#9602e3
```
#9602e3 rgb(150,2,227)
```
#e3024f
```
#e3024f rgb(227,2,79)
```

Tetradic Color

#019764
```
#019764 rgb(1,151,100)
```
#02b075
```
#02b075 rgb(2,176,117)
```
#02ca85
```
#02ca85 rgb(2,202,133)
```
#02e396
```
#02e396 rgb(2,227,150)
```
#02fca7
```
#02fca7 rgb(2,252,167)
```
#1bfdb0
```
#1bfdb0 rgb(27,253,176)
```
#34fdb8
```
#34fdb8 rgb(52,253,184)
```

Monochromatic Color

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

#02e35e
```
#02e35e rgb(2,227,94)
```
#02e371
```
#02e371 rgb(2,227,113)
```
#02e383
```
#02e383 rgb(2,227,131)
```
#02e396
```
#02e396 rgb(2,227,150)
```
#02e3a9
```
#02e3a9 rgb(2,227,169)
```
#02e3bc
```
#02e3bc rgb(2,227,188)
```
#02e3ce
```
#02e3ce rgb(2,227,206)
```

Similar Colors

Text with hexadecimal color #02e396

This text has a font color of #02e396.

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

#02e396 background color

This paragraph has a background color of #02e396.

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

#02e396 border color

This element has a border color of #02e396.

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

CSS codes

.text {color:#02e396;}

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

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

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, #000d09 is the darkest color, while #f9fffd is the lightest one.

#000d09
```
#000d09 rgb(0,13,9)
```
#002116
```
#002116 rgb(0,33,22)
```
#003422
```
#003422 rgb(0,52,34)
```
#01472f
```
#01472f rgb(1,71,47)
```
#015b3c
```
#015b3c rgb(1,91,60)
```
#016e49
```
#016e49 rgb(1,110,73)
```
#018256
```
#018256 rgb(1,130,86)
```
#019563
```
#019563 rgb(1,149,99)
```
#01a96f
```
#01a96f rgb(1,169,111)
```
#02bc7c
```
#02bc7c rgb(2,188,124)
```
#02d089
```
#02d089 rgb(2,208,137)
```
#02e396
```
#02e396 rgb(2,227,150)
```
#02f6a3
```
#02f6a3 rgb(2,246,163)
```

Shade Color Variation

#0ffdac
```
#0ffdac rgb(15,253,172)
```
#23fdb2
```
#23fdb2 rgb(35,253,178)
```
#36fdb9
```
#36fdb9 rgb(54,253,185)
```
#4afdc0
```
#4afdc0 rgb(74,253,192)
```
#5dfec7
```
#5dfec7 rgb(93,254,199)
```
#71fecd
```
#71fecd rgb(113,254,205)
```
#84fed4
```
#84fed4 rgb(132,254,212)
```
#97fedb
```
#97fedb rgb(151,254,219)
```
#abfee2
```
#abfee2 rgb(171,254,226)
```
#befee8
```
#befee8 rgb(190,254,232)
```
#d2ffef
```
#d2ffef rgb(210,255,239)
```
#e5fff6
```
#e5fff6 rgb(229,255,246)
```
#f9fffd
```
#f9fffd rgb(249,255,253)
```

Tint Color Variation

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

#6c7975
```
#6c7975 rgb(108,121,117)
```
#638277
```
#638277 rgb(99,130,119)
```
#5a8b7a
```
#5a8b7a rgb(90,139,122)
```
#51947d
```
#51947d rgb(81,148,125)
```
#489d80
```
#489d80 rgb(72,157,128)
```
#40a583
```
#40a583 rgb(64,165,131)
```
#37ae85
```
#37ae85 rgb(55,174,133)
```
#2eb788
```
#2eb788 rgb(46,183,136)
```
#25c08b
```
#25c08b rgb(37,192,139)
```
#1cc98e
```
#1cc98e rgb(28,201,142)
```
#14d190
```
#14d190 rgb(20,209,144)
```
#0bda93
```
#0bda93 rgb(11,218,147)
```
#02e396
```
#02e396 rgb(2,227,150)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#79a697 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c990 Protanopia 1% of men
#e9c2a7 Deuteranopia 1% of men
#5ddaea Tritanopia 0.001% of the population

Trichromacy

#8bd292 Protanomaly 1% of men, 0.01% of women
#95cea0 Deuteranomaly 6% of men, 0.4% of women
#3cddcb Tritanomaly 0.01% of the population

#02e396 hex color

#02e396 Color Information

#02e396 Color Conversion

Color Schemes with #02e396

Alternatives to #02e396

#02e396 Preview

Shades and Tints of #02e396

Tones of #02e396

Color Blindness Simulator