colorhexa.com

#02edc4 hex color

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

- R 1
- G 93
- B 77
RGB color chart
- C 99
- M 0
- Y 17
- K 7
CMYK color chart

● #02edc4 color description : Vivid cyan.

The hexadecimal color #02edc4 has RGB values of R:2, G:237, B:196 and CMYK values of C:0.99, M:0, Y:0.17, K:0.07. Its decimal value is 191940.

Hex triplet	02edc4	`#02edc4`
RGB Decimal	2, 237, 196	`rgb(2,237,196)`
RGB Percent	0.8, 92.9, 76.9	`rgb(0.8%,92.9%,76.9%)`
CMYK	99, 0, 17, 7
HSL	169.5°, 98.3, 46.9	`hsl(169.5,98.3%,46.9%)`
HSV (or HSB)	169.5°, 99.2, 92.9
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	84.258, -56.612, 6.589
XYZ	40.269, 64.562, 62.561
xyY	0.241, 0.386, 64.562
CIE-LCH	84.258, 56.994, 173.361
CIE-LUV	84.258, -69.23, 18.997
Hunter-Lab	80.351, -51.155, 10.082
Binary	00000010, 11101101, 11000100

#02edc4
```
#02edc4 rgb(2,237,196)
```
#ed022b
```
#ed022b rgb(237,2,43)
```

Complementary Color

#02ed4f
```
#02ed4f rgb(2,237,79)
```
#02edc4
```
#02edc4 rgb(2,237,196)
```
#02a1ed
```
#02a1ed rgb(2,161,237)
```

Analogous Color

#ed4f02
```
#ed4f02 rgb(237,79,2)
```
#02edc4
```
#02edc4 rgb(2,237,196)
```
#ed02a1
```
#ed02a1 rgb(237,2,161)
```

Split Complementary Color

#edc402
```
#edc402 rgb(237,196,2)
```
#02edc4
```
#02edc4 rgb(2,237,196)
```
#c402ed
```
#c402ed rgb(196,2,237)
```

Triadic Color

#01a185
```
#01a185 rgb(1,161,133)
```
#02ba9a
```
#02ba9a rgb(2,186,154)
```
#02d4af
```
#02d4af rgb(2,212,175)
```
#02edc4
```
#02edc4 rgb(2,237,196)
```
#0cfdd3
```
#0cfdd3 rgb(12,253,211)
```
#25fdd7
```
#25fdd7 rgb(37,253,215)
```
#3efddc
```
#3efddc rgb(62,253,220)
```

Monochromatic Color

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

#02ed89
```
#02ed89 rgb(2,237,137)
```
#02ed9d
```
#02ed9d rgb(2,237,157)
```
#02edb0
```
#02edb0 rgb(2,237,176)
```
#02edc4
```
#02edc4 rgb(2,237,196)
```
#02edd8
```
#02edd8 rgb(2,237,216)
```
#02edeb
```
#02edeb rgb(2,237,235)
```
#02dbed
```
#02dbed rgb(2,219,237)
```

Similar Colors

Text with hexadecimal color #02edc4

This text has a font color of #02edc4.

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

#02edc4 background color

This paragraph has a background color of #02edc4.

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

#02edc4 border color

This element has a border color of #02edc4.

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

CSS codes

.text {color:#02edc4;}

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

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

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

#000403
```
#000403 rgb(0,4,3)
```
#001713
```
#001713 rgb(0,23,19)
```
#002a23
```
#002a23 rgb(0,42,35)
```
#013e33
```
#013e33 rgb(1,62,51)
```
#015143
```
#015143 rgb(1,81,67)
```
#016553
```
#016553 rgb(1,101,83)
```
#017863
```
#017863 rgb(1,120,99)
```
#018c74
```
#018c74 rgb(1,140,116)
```
#019f84
```
#019f84 rgb(1,159,132)
```
#02b394
```
#02b394 rgb(2,179,148)
```
#02c6a4
```
#02c6a4 rgb(2,198,164)
```
#02dab4
```
#02dab4 rgb(2,218,180)
```
#02edc4
```
#02edc4 rgb(2,237,196)
```

Shade Color Variation

#06fdd2
```
#06fdd2 rgb(6,253,210)
```
#19fdd5
```
#19fdd5 rgb(25,253,213)
```
#2dfdd9
```
#2dfdd9 rgb(45,253,217)
```
#40fddc
```
#40fddc rgb(64,253,220)
```
#54fee0
```
#54fee0 rgb(84,254,224)
```
#67fee3
```
#67fee3 rgb(103,254,227)
```
#7afee7
```
#7afee7 rgb(122,254,231)
```
#8efeea
```
#8efeea rgb(142,254,234)
```
#a1feee
```
#a1feee rgb(161,254,238)
```
#b5fef2
```
#b5fef2 rgb(181,254,242)
```
#c8fff5
```
#c8fff5 rgb(200,255,245)
```
#dcfff9
```
#dcfff9 rgb(220,255,249)
```
#effffc
```
#effffc rgb(239,255,252)
```

Tint Color Variation

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

#707f7c
```
#707f7c rgb(112,127,124)
```
#678882
```
#678882 rgb(103,136,130)
```
#5e9188
```
#5e9188 rgb(94,145,136)
```
#559a8e
```
#559a8e rgb(85,154,142)
```
#4ca394
```
#4ca394 rgb(76,163,148)
```
#42ad9a
```
#42ad9a rgb(66,173,154)
```
#39b6a0
```
#39b6a0 rgb(57,182,160)
```
#30bfa6
```
#30bfa6 rgb(48,191,166)
```
#27c8ac
```
#27c8ac rgb(39,200,172)
```
#1ed1b2
```
#1ed1b2 rgb(30,209,178)
```
#14dbb8
```
#14dbb8 rgb(20,219,184)
```
#0be4be
```
#0be4be rgb(11,228,190)
```
#02edc4
```
#02edc4 rgb(2,237,196)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#82b1a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded3ba Protanopia 1% of men
#e8ced2 Deuteranopia 1% of men
#53e6f7 Tritanopia 0.001% of the population

Trichromacy

#8eddbd Protanomaly 1% of men, 0.01% of women
#94d9cd Deuteranomaly 6% of men, 0.4% of women
#35e9e4 Tritanomaly 0.01% of the population