#02e0b4 hex color

In a RGB color space, hex #02e0b4 is composed of 0.8% red, 87.8% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 0% magenta, 19.6% yellow and 12.2% black. It has a hue angle of 168.1 degrees, a saturation of 98.2% and a lightness of 44.3%. #02e0b4 color hex could be obtained by blending #04ffff with #00c169. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 1
- G 88
- B 71
RGB color chart
- C 99
- M 0
- Y 20
- K 12
CMYK color chart

● #02e0b4 color description : Vivid cyan.

The hexadecimal color #02e0b4 has RGB values of R:2, G:224, B:180 and CMYK values of C:0.99, M:0, Y:0.2, K:0.12. Its decimal value is 188596.

Hex triplet	02e0b4	`#02e0b4`
RGB Decimal	2, 224, 180	`rgb(2,224,180)`
RGB Percent	0.8, 87.8, 70.6	`rgb(0.8%,87.8%,70.6%)`
CMYK	99, 0, 20, 12
HSL	168.1°, 98.2, 44.3	`hsl(168.1,98.2%,44.3%)`
HSV (or HSB)	168.1°, 99.1, 87.8
Web Safe	00cccc	`#00cccc`

CIE-LAB	79.963, -55.539, 8.857
XYZ	34.916, 56.616, 52.265
xyY	0.243, 0.394, 56.616
CIE-LCH	79.963, 56.241, 170.939
CIE-LUV	79.963, -66.187, 21.998
Hunter-Lab	75.243, -48.845, 11.487
Binary	00000010, 11100000, 10110100

#02e0b4
```
#02e0b4 rgb(2,224,180)
```
#e0022e
```
#e0022e rgb(224,2,46)
```

Complementary Color

#02e045
```
#02e045 rgb(2,224,69)
```
#02e0b4
```
#02e0b4 rgb(2,224,180)
```
#029de0
```
#029de0 rgb(2,157,224)
```

Analogous Color

#e04502
```
#e04502 rgb(224,69,2)
```
#02e0b4
```
#02e0b4 rgb(2,224,180)
```
#e0029d
```
#e0029d rgb(224,2,157)
```

Split Complementary Color

#e0b402
```
#e0b402 rgb(224,180,2)
```
#02e0b4
```
#02e0b4 rgb(2,224,180)
```
#b402e0
```
#b402e0 rgb(180,2,224)
```

Triadic Color

#2ee002
```
#2ee002 rgb(46,224,2)
```
#02e0b4
```
#02e0b4 rgb(2,224,180)
```
#b402e0
```
#b402e0 rgb(180,2,224)
```
#e0022e
```
#e0022e rgb(224,2,46)
```

Tetradic Color

#019477
```
#019477 rgb(1,148,119)
```
#02ad8b
```
#02ad8b rgb(2,173,139)
```
#02c7a0
```
#02c7a0 rgb(2,199,160)
```
#02e0b4
```
#02e0b4 rgb(2,224,180)
```
#02f9c8
```
#02f9c8 rgb(2,249,200)
```
#18fdd0
```
#18fdd0 rgb(24,253,208)
```
#31fdd5
```
#31fdd5 rgb(49,253,213)
```

Monochromatic Color

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

#02e07d
```
#02e07d rgb(2,224,125)
```
#02e08f
```
#02e08f rgb(2,224,143)
```
#02e0a2
```
#02e0a2 rgb(2,224,162)
```
#02e0b4
```
#02e0b4 rgb(2,224,180)
```
#02e0c7
```
#02e0c7 rgb(2,224,199)
```
#02e0d9
```
#02e0d9 rgb(2,224,217)
```
#02d5e0
```
#02d5e0 rgb(2,213,224)
```

Similar Colors

Text with hexadecimal color #02e0b4

This text has a font color of #02e0b4.

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

#02e0b4 background color

This paragraph has a background color of #02e0b4.

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

#02e0b4 border color

This element has a border color of #02e0b4.

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

CSS codes

.text {color:#02e0b4;}

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

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

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

#000a08
```
#000a08 rgb(0,10,8)
```
#001e18
```
#001e18 rgb(0,30,24)
```
#003127
```
#003127 rgb(0,49,39)
```
#014437
```
#014437 rgb(1,68,55)
```
#015847
```
#015847 rgb(1,88,71)
```
#016b56
```
#016b56 rgb(1,107,86)
```
#017f66
```
#017f66 rgb(1,127,102)
```
#019276
```
#019276 rgb(1,146,118)
```
#01a685
```
#01a685 rgb(1,166,133)
```
#02b995
```
#02b995 rgb(2,185,149)
```
#02cda4
```
#02cda4 rgb(2,205,164)
```
#02e0b4
```
#02e0b4 rgb(2,224,180)
```
#02f3c4
```
#02f3c4 rgb(2,243,196)
```

Shade Color Variation

#0cfdcd
```
#0cfdcd rgb(12,253,205)
```
#20fdd1
```
#20fdd1 rgb(32,253,209)
```
#33fdd5
```
#33fdd5 rgb(51,253,213)
```
#47fdd9
```
#47fdd9 rgb(71,253,217)
```
#5afedd
```
#5afedd rgb(90,254,221)
```
#6efee1
```
#6efee1 rgb(110,254,225)
```
#81fee5
```
#81fee5 rgb(129,254,229)
```
#94fee9
```
#94fee9 rgb(148,254,233)
```
#a8feed
```
#a8feed rgb(168,254,237)
```
#bbfef1
```
#bbfef1 rgb(187,254,241)
```
#cffff5
```
#cffff5 rgb(207,255,245)
```
#e2fff9
```
#e2fff9 rgb(226,255,249)
```
#f6fffd
```
#f6fffd rgb(246,255,253)
```

Tint Color Variation

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

#6a7875
```
#6a7875 rgb(106,120,117)
```
#62807a
```
#62807a rgb(98,128,122)
```
#598980
```
#598980 rgb(89,137,128)
```
#509285
```
#509285 rgb(80,146,133)
```
#489a8a
```
#489a8a rgb(72,154,138)
```
#3fa38f
```
#3fa38f rgb(63,163,143)
```
#36ac95
```
#36ac95 rgb(54,172,149)
```
#2db59a
```
#2db59a rgb(45,181,154)
```
#25bd9f
```
#25bd9f rgb(37,189,159)
```
#1cc6a4
```
#1cc6a4 rgb(28,198,164)
```
#13cfaa
```
#13cfaa rgb(19,207,170)
```
#0bd7af
```
#0bd7af rgb(11,215,175)
```
#02e0b4
```
#02e0b4 rgb(2,224,180)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#7ba79e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c8ac Protanopia 1% of men
#dec2c2 Deuteranopia 1% of men
#51daea Tritanopia 0.001% of the population

Trichromacy

#87d1ae Protanomaly 1% of men, 0.01% of women
#8ecdbd Deuteranomaly 6% of men, 0.4% of women
#34dcd6 Tritanomaly 0.01% of the population

#02e0b4 hex color

#02e0b4 Color Information

#02e0b4 Color Conversion

Color Schemes with #02e0b4

Alternatives to #02e0b4

#02e0b4 Preview

Shades and Tints of #02e0b4

Tones of #02e0b4

Color Blindness Simulator