#02ffd1 hex color

In a RGB color space, hex #02ffd1 is composed of 0.8% red, 100% green and 82% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 0% magenta, 18% yellow and 0% black. It has a hue angle of 169.1 degrees, a saturation of 100% and a lightness of 50.4%. #02ffd1 color hex could be obtained by blending #04ffff with #00ffa3. Closest websafe color is: #00ffcc.

♥
- f
- t
- g
- R 1
- G 100
- B 82
RGB color chart
- C 99
- M 0
- Y 18
- K 0
CMYK color chart

● #02ffd1 color description : Vivid cyan.

The hexadecimal color #02ffd1 has RGB values of R:2, G:255, B:209 and CMYK values of C:0.99, M:0, Y:0.18, K:0. Its decimal value is 196561.

Hex triplet	02ffd1	`#02ffd1`
RGB Decimal	2, 255, 209	`rgb(2,255,209)`
RGB Percent	0.8, 100, 82	`rgb(0.8%,100%,82%)`
CMYK	99, 0, 18, 0
HSL	169.1°, 100, 50.4	`hsl(169.1,100%,50.4%)`
HSV (or HSB)	169.1°, 99.2, 100
Web Safe	00ffcc	`#00ffcc`

CIE-LAB	89.92, -60.356, 7.96
XYZ	47.289, 76.131, 72.52
xyY	0.241, 0.389, 76.131
CIE-LCH	89.92, 60.878, 172.487
CIE-LUV	89.92, -74.092, 21.867
Hunter-Lab	87.253, -55.95, 11.798
Binary	00000010, 11111111, 11010001

#02ffd1
```
#02ffd1 rgb(2,255,209)
```
#ff0230
```
#ff0230 rgb(255,2,48)
```

Complementary Color

#02ff53
```
#02ff53 rgb(2,255,83)
```
#02ffd1
```
#02ffd1 rgb(2,255,209)
```
#02afff
```
#02afff rgb(2,175,255)
```

Analogous Color

#ff5302
```
#ff5302 rgb(255,83,2)
```
#02ffd1
```
#02ffd1 rgb(2,255,209)
```
#ff02af
```
#ff02af rgb(255,2,175)
```

Split Complementary Color

#ffd102
```
#ffd102 rgb(255,209,2)
```
#02ffd1
```
#02ffd1 rgb(2,255,209)
```
#d102ff
```
#d102ff rgb(209,2,255)
```

Triadic Color

#30ff02
```
#30ff02 rgb(48,255,2)
```
#02ffd1
```
#02ffd1 rgb(2,255,209)
```
#d102ff
```
#d102ff rgb(209,2,255)
```
#ff0230
```
#ff0230 rgb(255,2,48)
```

Tetradic Color

#00b594
```
#00b594 rgb(0,181,148)
```
#00cea9
```
#00cea9 rgb(0,206,169)
```
#00e8bd
```
#00e8bd rgb(0,232,189)
```
#02ffd1
```
#02ffd1 rgb(2,255,209)
```
#1cffd6
```
#1cffd6 rgb(28,255,214)
```
#35ffda
```
#35ffda rgb(53,255,218)
```
#4fffdf
```
#4fffdf rgb(79,255,223)
```

Monochromatic Color

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

#02ff92
```
#02ff92 rgb(2,255,146)
```
#02ffa7
```
#02ffa7 rgb(2,255,167)
```
#02ffbc
```
#02ffbc rgb(2,255,188)
```
#02ffd1
```
#02ffd1 rgb(2,255,209)
```
#02ffe6
```
#02ffe6 rgb(2,255,230)
```
#02fffb
```
#02fffb rgb(2,255,251)
```
#02eeff
```
#02eeff rgb(2,238,255)
```

Similar Colors

Text with hexadecimal color #02ffd1

This text has a font color of #02ffd1.

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

#02ffd1 background color

This paragraph has a background color of #02ffd1.

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

#02ffd1 border color

This element has a border color of #02ffd1.

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

CSS codes

.text {color:#02ffd1;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001612
```
#001612 rgb(0,22,18)
```
#002922
```
#002922 rgb(0,41,34)
```
#003d32
```
#003d32 rgb(0,61,50)
```
#005042
```
#005042 rgb(0,80,66)
```
#006452
```
#006452 rgb(0,100,82)
```
#007862
```
#007862 rgb(0,120,98)
```
#008b72
```
#008b72 rgb(0,139,114)
```
#009f82
```
#009f82 rgb(0,159,130)
```
#00b392
```
#00b392 rgb(0,179,146)
```
#00c6a2
```
#00c6a2 rgb(0,198,162)
```
#00dab2
```
#00dab2 rgb(0,218,178)
```
#00edc2
```
#00edc2 rgb(0,237,194)
```

Shade Color Variation

#02ffd1
```
#02ffd1 rgb(2,255,209)
```
#16ffd5
```
#16ffd5 rgb(22,255,213)
```
#29ffd8
```
#29ffd8 rgb(41,255,216)
```
#3dffdc
```
#3dffdc rgb(61,255,220)
```
#50ffdf
```
#50ffdf rgb(80,255,223)
```
#64ffe3
```
#64ffe3 rgb(100,255,227)
```
#78ffe6
```
#78ffe6 rgb(120,255,230)
```
#8bffea
```
#8bffea rgb(139,255,234)
```
#9fffee
```
#9fffee rgb(159,255,238)
```
#b3fff1
```
#b3fff1 rgb(179,255,241)
```
#c6fff5
```
#c6fff5 rgb(198,255,245)
```
#dafff8
```
#dafff8 rgb(218,255,248)
```
#edfffc
```
#edfffc rgb(237,255,252)
```

Tint Color Variation

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

#778a87
```
#778a87 rgb(119,138,135)
```
#6d948d
```
#6d948d rgb(109,148,141)
```
#639e93
```
#639e93 rgb(99,158,147)
```
#5aa799
```
#5aa799 rgb(90,167,153)
```
#50b19f
```
#50b19f rgb(80,177,159)
```
#46bba6
```
#46bba6 rgb(70,187,166)
```
#3cc5ac
```
#3cc5ac rgb(60,197,172)
```
#33ceb2
```
#33ceb2 rgb(51,206,178)
```
#29d8b8
```
#29d8b8 rgb(41,216,184)
```
#1fe2be
```
#1fe2be rgb(31,226,190)
```
#15ecc5
```
#15ecc5 rgb(21,236,197)
```
#0cf5cb
```
#0cf5cb rgb(12,245,203)
```
#02ffd1
```
#02ffd1 rgb(2,255,209)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#8cbeb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#eee2c5 Protanopia 1% of men
#fadcdf Deuteranopia 1% of men
#96f1ff Tritanopia 0.001% of the population

Trichromacy

#98edc9 Protanomaly 1% of men, 0.01% of women
#9fe9da Deuteranomaly 6% of men, 0.4% of women
#60f6ee Tritanomaly 0.01% of the population

#02ffd1 hex color

#02ffd1 Color Information

#02ffd1 Color Conversion

Color Schemes with #02ffd1

Alternatives to #02ffd1

#02ffd1 Preview

Shades and Tints of #02ffd1

Tones of #02ffd1

Color Blindness Simulator