#02dfd5 hex color

In a RGB color space, hex #02dfd5 is composed of 0.8% red, 87.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 0% magenta, 4.5% yellow and 12.5% black. It has a hue angle of 177.3 degrees, a saturation of 98.2% and a lightness of 44.1%. #02dfd5 color hex could be obtained by blending #04ffff with #00bfab. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 1
- G 87
- B 84
RGB color chart
- C 99
- M 0
- Y 4
- K 13
CMYK color chart

● #02dfd5 color description : Vivid cyan.

The hexadecimal color #02dfd5 has RGB values of R:2, G:223, B:213 and CMYK values of C:0.99, M:0, Y:0.04, K:0.13. Its decimal value is 188373.

Hex triplet	02dfd5	`#02dfd5`
RGB Decimal	2, 223, 213	`rgb(2,223,213)`
RGB Percent	0.8, 87.5, 83.5	`rgb(0.8%,87.5%,83.5%)`
CMYK	99, 0, 4, 13
HSL	177.3°, 98.2, 44.1	`hsl(177.3,98.2%,44.1%)`
HSV (or HSB)	177.3°, 99.1, 87.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	80.509, -46.297, -7.878
XYZ	38.419, 57.588, 72.038
xyY	0.229, 0.343, 57.588
CIE-LCH	80.509, 46.963, 189.657
CIE-LUV	80.509, -63.245, -5.122
Hunter-Lab	75.887, -42.434, -3.162
Binary	00000010, 11011111, 11010101

#02dfd5
```
#02dfd5 rgb(2,223,213)
```
#df020c
```
#df020c rgb(223,2,12)
```

Complementary Color

#02df67
```
#02df67 rgb(2,223,103)
```
#02dfd5
```
#02dfd5 rgb(2,223,213)
```
#027bdf
```
#027bdf rgb(2,123,223)
```

Analogous Color

#df6702
```
#df6702 rgb(223,103,2)
```
#02dfd5
```
#02dfd5 rgb(2,223,213)
```
#df027b
```
#df027b rgb(223,2,123)
```

Split Complementary Color

#dfd502
```
#dfd502 rgb(223,213,2)
```
#02dfd5
```
#02dfd5 rgb(2,223,213)
```
#d502df
```
#d502df rgb(213,2,223)
```

Triadic Color

#0cdf02
```
#0cdf02 rgb(12,223,2)
```
#02dfd5
```
#02dfd5 rgb(2,223,213)
```
#d502df
```
#d502df rgb(213,2,223)
```
#df020c
```
#df020c rgb(223,2,12)
```

Tetradic Color

#01938d
```
#01938d rgb(1,147,141)
```
#02aca5
```
#02aca5 rgb(2,172,165)
```
#02c6bd
```
#02c6bd rgb(2,198,189)
```
#02dfd5
```
#02dfd5 rgb(2,223,213)
```
#02f8ed
```
#02f8ed rgb(2,248,237)
```
#17fdf3
```
#17fdf3 rgb(23,253,243)
```
#30fdf4
```
#30fdf4 rgb(48,253,244)
```

Monochromatic Color

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

#02df9e
```
#02df9e rgb(2,223,158)
```
#02dfb0
```
#02dfb0 rgb(2,223,176)
```
#02dfc3
```
#02dfc3 rgb(2,223,195)
```
#02dfd5
```
#02dfd5 rgb(2,223,213)
```
#02d7df
```
#02d7df rgb(2,215,223)
```
#02c4df
```
#02c4df rgb(2,196,223)
```
#02b2df
```
#02b2df rgb(2,178,223)
```

Similar Colors

Text with hexadecimal color #02dfd5

This text has a font color of #02dfd5.

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

#02dfd5 background color

This paragraph has a background color of #02dfd5.

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

#02dfd5 border color

This element has a border color of #02dfd5.

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

CSS codes

.text {color:#02dfd5;}

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

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

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

#000909
```
#000909 rgb(0,9,9)
```
#001d1b
```
#001d1b rgb(0,29,27)
```
#00302e
```
#00302e rgb(0,48,46)
```
#014340
```
#014340 rgb(1,67,64)
```
#015753
```
#015753 rgb(1,87,83)
```
#016a66
```
#016a66 rgb(1,106,102)
```
#017e78
```
#017e78 rgb(1,126,120)
```
#01918b
```
#01918b rgb(1,145,139)
```
#01a59d
```
#01a59d rgb(1,165,157)
```
#02b8b0
```
#02b8b0 rgb(2,184,176)
```
#02ccc2
```
#02ccc2 rgb(2,204,194)
```
#02dfd5
```
#02dfd5 rgb(2,223,213)
```
#02f2e8
```
#02f2e8 rgb(2,242,232)
```

Shade Color Variation

#0bfdf2
```
#0bfdf2 rgb(11,253,242)
```
#1ffdf3
```
#1ffdf3 rgb(31,253,243)
```
#32fdf4
```
#32fdf4 rgb(50,253,244)
```
#46fdf5
```
#46fdf5 rgb(70,253,245)
```
#59fef6
```
#59fef6 rgb(89,254,246)
```
#6dfef7
```
#6dfef7 rgb(109,254,247)
```
#80fef8
```
#80fef8 rgb(128,254,248)
```
#94fef9
```
#94fef9 rgb(148,254,249)
```
#a7fefa
```
#a7fefa rgb(167,254,250)
```
#bafefb
```
#bafefb rgb(186,254,251)
```
#cefffc
```
#cefffc rgb(206,255,252)
```
#e1fffd
```
#e1fffd rgb(225,255,253)
```
#f5fffe
```
#f5fffe rgb(245,255,254)
```

Tint Color Variation

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

#6a7777
```
#6a7777 rgb(106,119,119)
```
#61807e
```
#61807e rgb(97,128,126)
```
#598886
```
#598886 rgb(89,136,134)
```
#50918e
```
#50918e rgb(80,145,142)
```
#479a96
```
#479a96 rgb(71,154,150)
```
#3fa29e
```
#3fa29e rgb(63,162,158)
```
#36aba6
```
#36aba6 rgb(54,171,166)
```
#2db4ae
```
#2db4ae rgb(45,180,174)
```
#25bcb6
```
#25bcb6 rgb(37,188,182)
```
#1cc5bd
```
#1cc5bd rgb(28,197,189)
```
#13cec5
```
#13cec5 rgb(19,206,197)
```
#0bd6cd
```
#0bd6cd rgb(11,214,205)
```
#02dfd5
```
#02dfd5 rgb(2,223,213)
```

Tone Color Variation

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

#9c9c9c Achromatopsia 0.005% of the population
#7da9a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdc9ca Protanopia 1% of men
#d2c5e1 Deuteranopia 1% of men
#3cdded Tritanopia 0.001% of the population

Trichromacy

#83d1ce Protanomaly 1% of men, 0.01% of women
#86cedc Deuteranomaly 6% of men, 0.4% of women
#27dde4 Tritanomaly 0.01% of the population

#02dfd5 hex color

#02dfd5 Color Information

#02dfd5 Color Conversion

Color Schemes with #02dfd5

Alternatives to #02dfd5

#02dfd5 Preview

Shades and Tints of #02dfd5

Tones of #02dfd5

Color Blindness Simulator