#02dcbc hex color

In a RGB color space, hex #02dcbc is composed of 0.8% red, 86.3% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 99.1% cyan, 0% magenta, 14.5% yellow and 13.7% black. It has a hue angle of 171.2 degrees, a saturation of 98.2% and a lightness of 43.5%. #02dcbc color hex could be obtained by blending #04ffff with #00b979. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 1
- G 86
- B 74
RGB color chart
- C 99
- M 0
- Y 15
- K 14
CMYK color chart

● #02dcbc color description : Vivid cyan.

The hexadecimal color #02dcbc has RGB values of R:2, G:220, B:188 and CMYK values of C:0.99, M:0, Y:0.15, K:0.14. Its decimal value is 187580.

Hex triplet	02dcbc	`#02dcbc`
RGB Decimal	2, 220, 188	`rgb(2,220,188)`
RGB Percent	0.8, 86.3, 73.7	`rgb(0.8%,86.3%,73.7%)`
CMYK	99, 0, 15, 14
HSL	171.2°, 98.2, 43.5	`hsl(171.2,98.2%,43.5%)`
HSV (or HSB)	171.2°, 99.1, 86.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	78.941, -51.901, 3.139
XYZ	34.692, 54.826, 56.328
xyY	0.238, 0.376, 54.826
CIE-LCH	78.941, 51.996, 176.539
CIE-LUV	78.941, -64.24, 12.893
Hunter-Lab	74.045, -45.946, 6.728
Binary	00000010, 11011100, 10111100

#02dcbc
```
#02dcbc rgb(2,220,188)
```
#dc0222
```
#dc0222 rgb(220,2,34)
```

Complementary Color

#02dc4f
```
#02dc4f rgb(2,220,79)
```
#02dcbc
```
#02dcbc rgb(2,220,188)
```
#028fdc
```
#028fdc rgb(2,143,220)
```

Analogous Color

#dc4f02
```
#dc4f02 rgb(220,79,2)
```
#02dcbc
```
#02dcbc rgb(2,220,188)
```
#dc028f
```
#dc028f rgb(220,2,143)
```

Split Complementary Color

#dcbc02
```
#dcbc02 rgb(220,188,2)
```
#02dcbc
```
#02dcbc rgb(2,220,188)
```
#bc02dc
```
#bc02dc rgb(188,2,220)
```

Triadic Color

#22dc02
```
#22dc02 rgb(34,220,2)
```
#02dcbc
```
#02dcbc rgb(2,220,188)
```
#bc02dc
```
#bc02dc rgb(188,2,220)
```
#dc0222
```
#dc0222 rgb(220,2,34)
```

Tetradic Color

#01907b
```
#01907b rgb(1,144,123)
```
#02a991
```
#02a991 rgb(2,169,145)
```
#02c3a6
```
#02c3a6 rgb(2,195,166)
```
#02dcbc
```
#02dcbc rgb(2,220,188)
```
#02f5d2
```
#02f5d2 rgb(2,245,210)
```
#14fddb
```
#14fddb rgb(20,253,219)
```
#2dfddf
```
#2dfddf rgb(45,253,223)
```

Monochromatic Color

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

#02dc86
```
#02dc86 rgb(2,220,134)
```
#02dc98
```
#02dc98 rgb(2,220,152)
```
#02dcaa
```
#02dcaa rgb(2,220,170)
```
#02dcbc
```
#02dcbc rgb(2,220,188)
```
#02dcce
```
#02dcce rgb(2,220,206)
```
#02d8dc
```
#02d8dc rgb(2,216,220)
```
#02c6dc
```
#02c6dc rgb(2,198,220)
```

Similar Colors

Text with hexadecimal color #02dcbc

This text has a font color of #02dcbc.

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

#02dcbc background color

This paragraph has a background color of #02dcbc.

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

#02dcbc border color

This element has a border color of #02dcbc.

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

CSS codes

.text {color:#02dcbc;}

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

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

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

#000605
```
#000605 rgb(0,6,5)
```
#001a16
```
#001a16 rgb(0,26,22)
```
#002d26
```
#002d26 rgb(0,45,38)
```
#014037
```
#014037 rgb(1,64,55)
```
#015448
```
#015448 rgb(1,84,72)
```
#016758
```
#016758 rgb(1,103,88)
```
#017b69
```
#017b69 rgb(1,123,105)
```
#018e7a
```
#018e7a rgb(1,142,122)
```
#01a28a
```
#01a28a rgb(1,162,138)
```
#02b59b
```
#02b59b rgb(2,181,155)
```
#02c9ab
```
#02c9ab rgb(2,201,171)
```
#02dcbc
```
#02dcbc rgb(2,220,188)
```
#02efcd
```
#02efcd rgb(2,239,205)
```

Shade Color Variation

#08fdd9
```
#08fdd9 rgb(8,253,217)
```
#1cfddc
```
#1cfddc rgb(28,253,220)
```
#2ffddf
```
#2ffddf rgb(47,253,223)
```
#43fde2
```
#43fde2 rgb(67,253,226)
```
#56fde5
```
#56fde5 rgb(86,253,229)
```
#6afee8
```
#6afee8 rgb(106,254,232)
```
#7dfeeb
```
#7dfeeb rgb(125,254,235)
```
#91feee
```
#91feee rgb(145,254,238)
```
#a4fef1
```
#a4fef1 rgb(164,254,241)
```
#b7fef4
```
#b7fef4 rgb(183,254,244)
```
#cbfff7
```
#cbfff7 rgb(203,255,247)
```
#defffa
```
#defffa rgb(222,255,250)
```
#f2fffd
```
#f2fffd rgb(242,255,253)
```

Tint Color Variation

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

#687674
```
#687674 rgb(104,118,116)
```
#607e7a
```
#607e7a rgb(96,126,122)
```
#578780
```
#578780 rgb(87,135,128)
```
#4f8f86
```
#4f8f86 rgb(79,143,134)
```
#46988c
```
#46988c rgb(70,152,140)
```
#3ea092
```
#3ea092 rgb(62,160,146)
```
#35a998
```
#35a998 rgb(53,169,152)
```
#2db19e
```
#2db19e rgb(45,177,158)
```
#24baa4
```
#24baa4 rgb(36,186,164)
```
#1cc2aa
```
#1cc2aa rgb(28,194,170)
```
#13cbb0
```
#13cbb0 rgb(19,203,176)
```
#0bd3b6
```
#0bd3b6 rgb(11,211,182)
```
#02dcbc
```
#02dcbc rgb(2,220,188)
```

Tone Color Variation

Below, you can see how #02dcbc 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
#79a59e Atypical Achromatopsia 0.001% of the population

Dichromacy

#cec5b3 Protanopia 1% of men
#d7c0c9 Deuteranopia 1% of men
#4ad7e7 Tritanopia 0.001% of the population

Trichromacy

#84cdb6 Protanomaly 1% of men, 0.01% of women
#89cac4 Deuteranomaly 6% of men, 0.4% of women
#30d9d7 Tritanomaly 0.01% of the population

#02dcbc hex color

#02dcbc Color Information

#02dcbc Color Conversion

Color Schemes with #02dcbc

Alternatives to #02dcbc

#02dcbc Preview

Shades and Tints of #02dcbc

Tones of #02dcbc

Color Blindness Simulator