#02c0bf hex color

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

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

● #02c0bf color description : Strong cyan.

The hexadecimal color #02c0bf has RGB values of R:2, G:192, B:191 and CMYK values of C:0.99, M:0, Y:0.01, K:0.25. Its decimal value is 180415.

Hex triplet	02c0bf	`#02c0bf`
RGB Decimal	2, 192, 191	`rgb(2,192,191)`
RGB Percent	0.8, 75.3, 74.9	`rgb(0.8%,75.3%,74.9%)`
CMYK	99, 0, 1, 25
HSL	179.7°, 97.9, 38	`hsl(179.7,97.9%,38%)`
HSV (or HSB)	179.7°, 99, 75.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.505, -39.083, -10.906
XYZ	28.276, 41.471, 55.802
xyY	0.225, 0.33, 41.471
CIE-LCH	70.505, 40.576, 195.591
CIE-LUV	70.505, -54.562, -10.919
Hunter-Lab	64.398, -34.321, -6.297
Binary	00000010, 11000000, 10111111

#02c0bf
```
#02c0bf rgb(2,192,191)
```
#c00203
```
#c00203 rgb(192,2,3)
```

Complementary Color

#02c060
```
#02c060 rgb(2,192,96)
```
#02c0bf
```
#02c0bf rgb(2,192,191)
```
#0262c0
```
#0262c0 rgb(2,98,192)
```

Analogous Color

#c06002
```
#c06002 rgb(192,96,2)
```
#02c0bf
```
#02c0bf rgb(2,192,191)
```
#c00262
```
#c00262 rgb(192,2,98)
```

Split Complementary Color

#c0bf02
```
#c0bf02 rgb(192,191,2)
```
#02c0bf
```
#02c0bf rgb(2,192,191)
```
#bf02c0
```
#bf02c0 rgb(191,2,192)
```

Triadic Color

#03c002
```
#03c002 rgb(3,192,2)
```
#02c0bf
```
#02c0bf rgb(2,192,191)
```
#bf02c0
```
#bf02c0 rgb(191,2,192)
```
#c00203
```
#c00203 rgb(192,2,3)
```

Tetradic Color

#017474
```
#017474 rgb(1,116,116)
```
#018e8d
```
#018e8d rgb(1,142,141)
```
#02a7a6
```
#02a7a6 rgb(2,167,166)
```
#02c0bf
```
#02c0bf rgb(2,192,191)
```
#02d9d8
```
#02d9d8 rgb(2,217,216)
```
#03f2f1
```
#03f2f1 rgb(3,242,241)
```
#12fdfb
```
#12fdfb rgb(18,253,251)
```

Monochromatic Color

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

#02c090
```
#02c090 rgb(2,192,144)
```
#02c09f
```
#02c09f rgb(2,192,159)
```
#02c0af
```
#02c0af rgb(2,192,175)
```
#02c0bf
```
#02c0bf rgb(2,192,191)
```
#02b1c0
```
#02b1c0 rgb(2,177,192)
```
#02a1c0
```
#02a1c0 rgb(2,161,192)
```
#0292c0
```
#0292c0 rgb(2,146,192)
```

Similar Colors

Text with hexadecimal color #02c0bf

This text has a font color of #02c0bf.

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

#02c0bf background color

This paragraph has a background color of #02c0bf.

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

#02c0bf border color

This element has a border color of #02c0bf.

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

CSS codes

.text {color:#02c0bf;}

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

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

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)
```
#002525
```
#002525 rgb(0,37,37)
```
#013838
```
#013838 rgb(1,56,56)
```
#014c4b
```
#014c4b rgb(1,76,75)
```
#015f5e
```
#015f5e rgb(1,95,94)
```
#017272
```
#017272 rgb(1,114,114)
```
#018685
```
#018685 rgb(1,134,133)
```
#029998
```
#029998 rgb(2,153,152)
```
#02adac
```
#02adac rgb(2,173,172)
```
#02c0bf
```
#02c0bf rgb(2,192,191)
```
#02d3d2
```
#02d3d2 rgb(2,211,210)
```
#02e7e6
```
#02e7e6 rgb(2,231,230)
```
#03faf9
```
#03faf9 rgb(3,250,249)
```

Shade Color Variation

#14fdfb
```
#14fdfb rgb(20,253,251)
```
#27fdfc
```
#27fdfc rgb(39,253,252)
```
#3bfdfc
```
#3bfdfc rgb(59,253,252)
```
#4efdfc
```
#4efdfc rgb(78,253,252)
```
#62fdfd
```
#62fdfd rgb(98,253,253)
```
#75fefd
```
#75fefd rgb(117,254,253)
```
#88fefd
```
#88fefd rgb(136,254,253)
```
#9cfefd
```
#9cfefd rgb(156,254,253)
```
#affefe
```
#affefe rgb(175,254,254)
```
#c3fefe
```
#c3fefe rgb(195,254,254)
```
#d6fffe
```
#d6fffe rgb(214,255,254)
```
#e9ffff
```
#e9ffff rgb(233,255,255)
```
#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 #02c0bf is the most saturated one.

#5c6666
```
#5c6666 rgb(92,102,102)
```
#546e6e
```
#546e6e rgb(84,110,110)
```
#4d7575
```
#4d7575 rgb(77,117,117)
```
#457d7d
```
#457d7d rgb(69,125,125)
```
#3e8484
```
#3e8484 rgb(62,132,132)
```
#368c8b
```
#368c8b rgb(54,140,139)
```
#2f9393
```
#2f9393 rgb(47,147,147)
```
#279b9a
```
#279b9a rgb(39,155,154)
```
#20a2a1
```
#20a2a1 rgb(32,162,161)
```
#18aaa9
```
#18aaa9 rgb(24,170,169)
```
#11b1b0
```
#11b1b0 rgb(17,177,176)
```
#09b9b8
```
#09b9b8 rgb(9,185,184)
```
#02c0bf
```
#02c0bf rgb(2,192,191)
```

Tone Color Variation

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

#b1afb7 Protanopia 1% of men
#b3acca Deuteranopia 1% of men
#2dc1cf Tritanopia 0.001% of the population

Trichromacy

#71b5ba Protanomaly 1% of men, 0.01% of women
#73b3c6 Deuteranomaly 6% of men, 0.4% of women
#1dc0c9 Tritanomaly 0.01% of the population

#02c0bf hex color

#02c0bf Color Information

#02c0bf Color Conversion

Color Schemes with #02c0bf

Alternatives to #02c0bf

#02c0bf Preview

Shades and Tints of #02c0bf

Tones of #02c0bf

Color Blindness Simulator