#02e2bd hex color

In a RGB color space, hex #02e2bd is composed of 0.8% red, 88.6% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 0% magenta, 16.4% yellow and 11.4% black. It has a hue angle of 170.1 degrees, a saturation of 98.2% and a lightness of 44.7%. #02e2bd color hex could be obtained by blending #04ffff with #00c57b. Closest websafe color is: #00cccc.

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

● #02e2bd color description : Vivid cyan.

The hexadecimal color #02e2bd has RGB values of R:2, G:226, B:189 and CMYK values of C:0.99, M:0, Y:0.16, K:0.11. Its decimal value is 189117.

Hex triplet	02e2bd	`#02e2bd`
RGB Decimal	2, 226, 189	`rgb(2,226,189)`
RGB Percent	0.8, 88.6, 74.1	`rgb(0.8%,88.6%,74.1%)`
CMYK	99, 0, 16, 11
HSL	170.1°, 98.2, 44.7	`hsl(170.1,98.2%,44.7%)`
HSV (or HSB)	170.1°, 99.1, 88.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	80.781, -54.05, 5.268
XYZ	36.403, 58.076, 57.432
xyY	0.24, 0.382, 58.076
CIE-LCH	80.781, 54.306, 174.433
CIE-LUV	80.781, -66.152, 16.489
Hunter-Lab	76.207, -48.096, 8.662
Binary	00000010, 11100010, 10111101

#02e2bd
```
#02e2bd rgb(2,226,189)
```
#e20227
```
#e20227 rgb(226,2,39)
```

Complementary Color

#02e24d
```
#02e24d rgb(2,226,77)
```
#02e2bd
```
#02e2bd rgb(2,226,189)
```
#0297e2
```
#0297e2 rgb(2,151,226)
```

Analogous Color

#e24d02
```
#e24d02 rgb(226,77,2)
```
#02e2bd
```
#02e2bd rgb(2,226,189)
```
#e20297
```
#e20297 rgb(226,2,151)
```

Split Complementary Color

#e2bd02
```
#e2bd02 rgb(226,189,2)
```
#02e2bd
```
#02e2bd rgb(2,226,189)
```
#bd02e2
```
#bd02e2 rgb(189,2,226)
```

Triadic Color

#27e202
```
#27e202 rgb(39,226,2)
```
#02e2bd
```
#02e2bd rgb(2,226,189)
```
#bd02e2
```
#bd02e2 rgb(189,2,226)
```
#e20227
```
#e20227 rgb(226,2,39)
```

Tetradic Color

#01967e
```
#01967e rgb(1,150,126)
```
#02af93
```
#02af93 rgb(2,175,147)
```
#02c9a8
```
#02c9a8 rgb(2,201,168)
```
#02e2bd
```
#02e2bd rgb(2,226,189)
```
#02fbd2
```
#02fbd2 rgb(2,251,210)
```
#1afdd7
```
#1afdd7 rgb(26,253,215)
```
#33fddc
```
#33fddc rgb(51,253,220)
```

Monochromatic Color

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

#02e285
```
#02e285 rgb(2,226,133)
```
#02e298
```
#02e298 rgb(2,226,152)
```
#02e2aa
```
#02e2aa rgb(2,226,170)
```
#02e2bd
```
#02e2bd rgb(2,226,189)
```
#02e2d0
```
#02e2d0 rgb(2,226,208)
```
#02e2e2
```
#02e2e2 rgb(2,226,226)
```
#02cfe2
```
#02cfe2 rgb(2,207,226)
```

Similar Colors

Text with hexadecimal color #02e2bd

This text has a font color of #02e2bd.

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

#02e2bd background color

This paragraph has a background color of #02e2bd.

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

#02e2bd border color

This element has a border color of #02e2bd.

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

CSS codes

.text {color:#02e2bd;}

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

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

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

#000c0a
```
#000c0a rgb(0,12,10)
```
#00201a
```
#00201a rgb(0,32,26)
```
#00332b
```
#00332b rgb(0,51,43)
```
#01463b
```
#01463b rgb(1,70,59)
```
#015a4b
```
#015a4b rgb(1,90,75)
```
#016d5b
```
#016d5b rgb(1,109,91)
```
#01816c
```
#01816c rgb(1,129,108)
```
#01947c
```
#01947c rgb(1,148,124)
```
#01a88c
```
#01a88c rgb(1,168,140)
```
#02bb9c
```
#02bb9c rgb(2,187,156)
```
#02cfad
```
#02cfad rgb(2,207,173)
```
#02e2bd
```
#02e2bd rgb(2,226,189)
```
#02f5cd
```
#02f5cd rgb(2,245,205)
```

Shade Color Variation

#0efdd5
```
#0efdd5 rgb(14,253,213)
```
#22fdd9
```
#22fdd9 rgb(34,253,217)
```
#35fddc
```
#35fddc rgb(53,253,220)
```
#49fde0
```
#49fde0 rgb(73,253,224)
```
#5cfee3
```
#5cfee3 rgb(92,254,227)
```
#70fee6
```
#70fee6 rgb(112,254,230)
```
#83feea
```
#83feea rgb(131,254,234)
```
#96feed
```
#96feed rgb(150,254,237)
```
#aafef0
```
#aafef0 rgb(170,254,240)
```
#bdfef4
```
#bdfef4 rgb(189,254,244)
```
#d1fff7
```
#d1fff7 rgb(209,255,247)
```
#e4fffa
```
#e4fffa rgb(228,255,250)
```
#f8fffe
```
#f8fffe rgb(248,255,254)
```

Tint Color Variation

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

#6b7977
```
#6b7977 rgb(107,121,119)
```
#62827c
```
#62827c rgb(98,130,124)
```
#5a8a82
```
#5a8a82 rgb(90,138,130)
```
#519388
```
#519388 rgb(81,147,136)
```
#489c8e
```
#489c8e rgb(72,156,142)
```
#3fa594
```
#3fa594 rgb(63,165,148)
```
#37ad9a
```
#37ad9a rgb(55,173,154)
```
#2eb6a0
```
#2eb6a0 rgb(46,182,160)
```
#25bfa6
```
#25bfa6 rgb(37,191,166)
```
#1cc8ab
```
#1cc8ab rgb(28,200,171)
```
#14d0b1
```
#14d0b1 rgb(20,208,177)
```
#0bd9b7
```
#0bd9b7 rgb(11,217,183)
```
#02e2bd
```
#02e2bd rgb(2,226,189)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#7ca9a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4cab4 Protanopia 1% of men
#ddc5cb Deuteranopia 1% of men
#4edded Tritanopia 0.001% of the population

Trichromacy

#87d3b7 Protanomaly 1% of men, 0.01% of women
#8dcfc6 Deuteranomaly 6% of men, 0.4% of women
#32dedb Tritanomaly 0.01% of the population

#02e2bd hex color

#02e2bd Color Information

#02e2bd Color Conversion

Color Schemes with #02e2bd

Alternatives to #02e2bd

#02e2bd Preview

Shades and Tints of #02e2bd

Tones of #02e2bd

Color Blindness Simulator