#02c0bd hex color

In a RGB color space, hex #02c0bd is composed of 0.8% red, 75.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 0% magenta, 1.6% yellow and 24.7% black. It has a hue angle of 179.1 degrees, a saturation of 97.9% and a lightness of 38%. #02c0bd color hex could be obtained by blending #04ffff with #00817b. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 1
- G 75
- B 74
RGB color chart
- C 99
- M 0
- Y 2
- K 25
CMYK color chart

● #02c0bd color description : Strong cyan.

The hexadecimal color #02c0bd has RGB values of R:2, G:192, B:189 and CMYK values of C:0.99, M:0, Y:0.02, K:0.25. Its decimal value is 180413.

Hex triplet	02c0bd	`#02c0bd`
RGB Decimal	2, 192, 189	`rgb(2,192,189)`
RGB Percent	0.8, 75.3, 74.1	`rgb(0.8%,75.3%,74.1%)`
CMYK	99, 0, 2, 25
HSL	179.1°, 97.9, 38	`hsl(179.1,97.9%,38%)`
HSV (or HSB)	179.1°, 99, 75.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.444, -39.684, -9.902
XYZ	28.057, 41.383, 54.65
xyY	0.226, 0.333, 41.383
CIE-LCH	70.444, 40.9, 194.011
CIE-LUV	70.444, -54.723, -9.233
Hunter-Lab	64.33, -34.726, -5.338
Binary	00000010, 11000000, 10111101

#02c0bd
```
#02c0bd rgb(2,192,189)
```
#c00205
```
#c00205 rgb(192,2,5)
```

Complementary Color

#02c05e
```
#02c05e rgb(2,192,94)
```
#02c0bd
```
#02c0bd rgb(2,192,189)
```
#0264c0
```
#0264c0 rgb(2,100,192)
```

Analogous Color

#c05e02
```
#c05e02 rgb(192,94,2)
```
#02c0bd
```
#02c0bd rgb(2,192,189)
```
#c00264
```
#c00264 rgb(192,2,100)
```

Split Complementary Color

#c0bd02
```
#c0bd02 rgb(192,189,2)
```
#02c0bd
```
#02c0bd rgb(2,192,189)
```
#bd02c0
```
#bd02c0 rgb(189,2,192)
```

Triadic Color

#05c002
```
#05c002 rgb(5,192,2)
```
#02c0bd
```
#02c0bd rgb(2,192,189)
```
#bd02c0
```
#bd02c0 rgb(189,2,192)
```
#c00205
```
#c00205 rgb(192,2,5)
```

Tetradic Color

#017472
```
#017472 rgb(1,116,114)
```
#018e8b
```
#018e8b rgb(1,142,139)
```
#02a7a4
```
#02a7a4 rgb(2,167,164)
```
#02c0bd
```
#02c0bd rgb(2,192,189)
```
#02d9d6
```
#02d9d6 rgb(2,217,214)
```
#03f2ef
```
#03f2ef rgb(3,242,239)
```
#12fdf9
```
#12fdf9 rgb(18,253,249)
```

Monochromatic Color

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

#02c08e
```
#02c08e rgb(2,192,142)
```
#02c09d
```
#02c09d rgb(2,192,157)
```
#02c0ad
```
#02c0ad rgb(2,192,173)
```
#02c0bd
```
#02c0bd rgb(2,192,189)
```
#02b3c0
```
#02b3c0 rgb(2,179,192)
```
#02a3c0
```
#02a3c0 rgb(2,163,192)
```
#0294c0
```
#0294c0 rgb(2,148,192)
```

Similar Colors

Text with hexadecimal color #02c0bd

This text has a font color of #02c0bd.

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

#02c0bd background color

This paragraph has a background color of #02c0bd.

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

#02c0bd border color

This element has a border color of #02c0bd.

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

CSS codes

.text {color:#02c0bd;}

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

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

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

#001111
```
#001111 rgb(0,17,17)
```
#002524
```
#002524 rgb(0,37,36)
```
#013837
```
#013837 rgb(1,56,55)
```
#014c4a
```
#014c4a rgb(1,76,74)
```
#015f5d
```
#015f5d rgb(1,95,93)
```
#017271
```
#017271 rgb(1,114,113)
```
#018684
```
#018684 rgb(1,134,132)
```
#029997
```
#029997 rgb(2,153,151)
```
#02adaa
```
#02adaa rgb(2,173,170)
```
#02c0bd
```
#02c0bd rgb(2,192,189)
```
#02d3d0
```
#02d3d0 rgb(2,211,208)
```
#02e7e3
```
#02e7e3 rgb(2,231,227)
```
#03faf6
```
#03faf6 rgb(3,250,246)
```

Shade Color Variation

#14fdf9
```
#14fdf9 rgb(20,253,249)
```
#27fdf9
```
#27fdf9 rgb(39,253,249)
```
#3bfdfa
```
#3bfdfa rgb(59,253,250)
```
#4efdfa
```
#4efdfa rgb(78,253,250)
```
#62fdfb
```
#62fdfb rgb(98,253,251)
```
#75fefb
```
#75fefb rgb(117,254,251)
```
#88fefc
```
#88fefc rgb(136,254,252)
```
#9cfefc
```
#9cfefc rgb(156,254,252)
```
#affefd
```
#affefd rgb(175,254,253)
```
#c3fefd
```
#c3fefd rgb(195,254,253)
```
#d6fffe
```
#d6fffe rgb(214,255,254)
```
#e9fffe
```
#e9fffe rgb(233,255,254)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#5c6666
```
#5c6666 rgb(92,102,102)
```
#546e6e
```
#546e6e rgb(84,110,110)
```
#4d7575
```
#4d7575 rgb(77,117,117)
```
#457d7c
```
#457d7c rgb(69,125,124)
```
#3e8483
```
#3e8483 rgb(62,132,131)
```
#368c8a
```
#368c8a rgb(54,140,138)
```
#2f9392
```
#2f9392 rgb(47,147,146)
```
#279b99
```
#279b99 rgb(39,155,153)
```
#20a2a0
```
#20a2a0 rgb(32,162,160)
```
#18aaa7
```
#18aaa7 rgb(24,170,167)
```
#11b1af
```
#11b1af rgb(17,177,175)
```
#09b9b6
```
#09b9b6 rgb(9,185,182)
```
#02c0bd
```
#02c0bd rgb(2,192,189)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#6c9292 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1afb5 Protanopia 1% of men
#b4acc8 Deuteranopia 1% of men
#2fc0cf Tritanopia 0.001% of the population

Trichromacy

#71b5b8 Protanomaly 1% of men, 0.01% of women
#73b3c4 Deuteranomaly 6% of men, 0.4% of women
#1fc0c8 Tritanomaly 0.01% of the population

#02c0bd hex color

#02c0bd Color Information

#02c0bd Color Conversion

Color Schemes with #02c0bd

Alternatives to #02c0bd

#02c0bd Preview

Shades and Tints of #02c0bd

Tones of #02c0bd

Color Blindness Simulator