#02d6d6 hex color

In a RGB color space, hex #02d6d6 is composed of 0.8% red, 83.9% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 0% magenta, 0% yellow and 16.1% black. It has a hue angle of 180 degrees, a saturation of 98.1% and a lightness of 42.4%. #02d6d6 color hex could be obtained by blending #04ffff with #00adad. Closest websafe color is: #00cccc.

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

● #02d6d6 color description : Strong cyan.

The hexadecimal color #02d6d6 has RGB values of R:2, G:214, B:214 and CMYK values of C:0.99, M:0, Y:0, K:0.16. Its decimal value is 186070.

Hex triplet	02d6d6	`#02d6d6`
RGB Decimal	2, 214, 214	`rgb(2,214,214)`
RGB Percent	0.8, 83.9, 83.9	`rgb(0.8%,83.9%,83.9%)`
CMYK	99, 0, 0, 16
HSL	180°, 98.1, 42.4	`hsl(180,98.1%,42.4%)`
HSV (or HSB)	180°, 99.1, 83.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	77.85, -42.075, -12.375
XYZ	36.205, 52.957, 71.928
xyY	0.225, 0.329, 52.957
CIE-LCH	77.85, 43.857, 196.389
CIE-LUV	77.85, -60.149, -12.988
Hunter-Lab	72.772, -38.543, -7.662
Binary	00000010, 11010110, 11010110

#02d6d6
```
#02d6d6 rgb(2,214,214)
```
#d60202
```
#d60202 rgb(214,2,2)
```

Complementary Color

#02d66c
```
#02d66c rgb(2,214,108)
```
#02d6d6
```
#02d6d6 rgb(2,214,214)
```
#026cd6
```
#026cd6 rgb(2,108,214)
```

Analogous Color

#d66c02
```
#d66c02 rgb(214,108,2)
```
#02d6d6
```
#02d6d6 rgb(2,214,214)
```
#d6026c
```
#d6026c rgb(214,2,108)
```

Split Complementary Color

#d6d602
```
#d6d602 rgb(214,214,2)
```
#02d6d6
```
#02d6d6 rgb(2,214,214)
```
#d602d6
```
#d602d6 rgb(214,2,214)
```

Triadic Color

#02d602
```
#02d602 rgb(2,214,2)
```
#02d6d6
```
#02d6d6 rgb(2,214,214)
```
#d602d6
```
#d602d6 rgb(214,2,214)
```
#d60202
```
#d60202 rgb(214,2,2)
```

Tetradic Color

#018a8a
```
#018a8a rgb(1,138,138)
```
#02a3a3
```
#02a3a3 rgb(2,163,163)
```
#02bdbd
```
#02bdbd rgb(2,189,189)
```
#02d6d6
```
#02d6d6 rgb(2,214,214)
```
#02efef
```
#02efef rgb(2,239,239)
```
#0efdfd
```
#0efdfd rgb(14,253,253)
```
#28fdfd
```
#28fdfd rgb(40,253,253)
```

Monochromatic Color

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

#02d6a1
```
#02d6a1 rgb(2,214,161)
```
#02d6b3
```
#02d6b3 rgb(2,214,179)
```
#02d6c4
```
#02d6c4 rgb(2,214,196)
```
#02d6d6
```
#02d6d6 rgb(2,214,214)
```
#02c4d6
```
#02c4d6 rgb(2,196,214)
```
#02b3d6
```
#02b3d6 rgb(2,179,214)
```
#02a1d6
```
#02a1d6 rgb(2,161,214)
```

Similar Colors

Text with hexadecimal color #02d6d6

This text has a font color of #02d6d6.

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

#02d6d6 background color

This paragraph has a background color of #02d6d6.

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

#02d6d6 border color

This element has a border color of #02d6d6.

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

CSS codes

.text {color:#02d6d6;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#001414
```
#001414 rgb(0,20,20)
```
#002727
```
#002727 rgb(0,39,39)
```
#013b3b
```
#013b3b rgb(1,59,59)
```
#014e4e
```
#014e4e rgb(1,78,78)
```
#016161
```
#016161 rgb(1,97,97)
```
#017575
```
#017575 rgb(1,117,117)
```
#018888
```
#018888 rgb(1,136,136)
```
#019c9c
```
#019c9c rgb(1,156,156)
```
#02afaf
```
#02afaf rgb(2,175,175)
```
#02c3c3
```
#02c3c3 rgb(2,195,195)
```
#02d6d6
```
#02d6d6 rgb(2,214,214)
```
#02e9e9
```
#02e9e9 rgb(2,233,233)
```

Shade Color Variation

#03fdfd
```
#03fdfd rgb(3,253,253)
```
#16fdfd
```
#16fdfd rgb(22,253,253)
```
#29fdfd
```
#29fdfd rgb(41,253,253)
```
#3dfdfd
```
#3dfdfd rgb(61,253,253)
```
#50fdfd
```
#50fdfd rgb(80,253,253)
```
#64fefe
```
#64fefe rgb(100,254,254)
```
#77fefe
```
#77fefe rgb(119,254,254)
```
#8bfefe
```
#8bfefe rgb(139,254,254)
```
#9efefe
```
#9efefe rgb(158,254,254)
```
#b1fefe
```
#b1fefe rgb(177,254,254)
```
#c5fefe
```
#c5fefe rgb(197,254,254)
```
#d8ffff
```
#d8ffff rgb(216,255,255)
```
#ecffff
```
#ecffff rgb(236,255,255)
```

Tint Color Variation

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

#667272
```
#667272 rgb(102,114,114)
```
#5d7b7b
```
#5d7b7b rgb(93,123,123)
```
#558383
```
#558383 rgb(85,131,131)
```
#4d8b8b
```
#4d8b8b rgb(77,139,139)
```
#449494
```
#449494 rgb(68,148,148)
```
#3c9c9c
```
#3c9c9c rgb(60,156,156)
```
#34a4a4
```
#34a4a4 rgb(52,164,164)
```
#2cacac
```
#2cacac rgb(44,172,172)
```
#23b5b5
```
#23b5b5 rgb(35,181,181)
```
#1bbdbd
```
#1bbdbd rgb(27,189,189)
```
#13c5c5
```
#13c5c5 rgb(19,197,197)
```
#0acece
```
#0acece rgb(10,206,206)
```
#02d6d6
```
#02d6d6 rgb(2,214,214)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#79a4a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4c2cb Protanopia 1% of men
#c6bfe1 Deuteranopia 1% of men
#31d5e5 Tritanopia 0.001% of the population

Trichromacy

#7dc9cf Protanomaly 1% of men, 0.01% of women
#7fc7dd Deuteranomaly 6% of men, 0.4% of women
#1fd5df Tritanomaly 0.01% of the population

#02d6d6 hex color

#02d6d6 Color Information

#02d6d6 Color Conversion

Color Schemes with #02d6d6

Alternatives to #02d6d6

#02d6d6 Preview

Shades and Tints of #02d6d6

Tones of #02d6d6

Color Blindness Simulator