#02c1bf hex color

In a RGB color space, hex #02c1bf is composed of 0.8% red, 75.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 0% magenta, 1% yellow and 24.3% black. It has a hue angle of 179.4 degrees, a saturation of 97.9% and a lightness of 38.2%. #02c1bf color hex could be obtained by blending #04ffff with #00837f. Closest websafe color is: #00cccc.

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

● #02c1bf color description : Strong cyan.

The hexadecimal color #02c1bf has RGB values of R:2, G:193, B:191 and CMYK values of C:0.99, M:0, Y:0.01, K:0.24. Its decimal value is 180671.

Hex triplet	02c1bf	`#02c1bf`
RGB Decimal	2, 193, 191	`rgb(2,193,191)`
RGB Percent	0.8, 75.7, 74.9	`rgb(0.8%,75.7%,74.9%)`
CMYK	99, 0, 1, 24
HSL	179.4°, 97.9, 38.2	`hsl(179.4,97.9%,38.2%)`
HSV (or HSB)	179.4°, 99, 75.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.81, -39.535, -10.449
XYZ	28.496, 41.911, 55.875
xyY	0.226, 0.332, 41.911
CIE-LCH	70.81, 40.892, 194.805
CIE-LUV	70.81, -54.903, -10.131
Hunter-Lab	64.739, -34.724, -5.855
Binary	00000010, 11000001, 10111111

#02c1bf
```
#02c1bf rgb(2,193,191)
```
#c10204
```
#c10204 rgb(193,2,4)
```

Complementary Color

#02c160
```
#02c160 rgb(2,193,96)
```
#02c1bf
```
#02c1bf rgb(2,193,191)
```
#0263c1
```
#0263c1 rgb(2,99,193)
```

Analogous Color

#c16002
```
#c16002 rgb(193,96,2)
```
#02c1bf
```
#02c1bf rgb(2,193,191)
```
#c10263
```
#c10263 rgb(193,2,99)
```

Split Complementary Color

#c1bf02
```
#c1bf02 rgb(193,191,2)
```
#02c1bf
```
#02c1bf rgb(2,193,191)
```
#bf02c1
```
#bf02c1 rgb(191,2,193)
```

Triadic Color

#04c102
```
#04c102 rgb(4,193,2)
```
#02c1bf
```
#02c1bf rgb(2,193,191)
```
#bf02c1
```
#bf02c1 rgb(191,2,193)
```
#c10204
```
#c10204 rgb(193,2,4)
```

Tetradic Color

#017574
```
#017574 rgb(1,117,116)
```
#018f8d
```
#018f8d rgb(1,143,141)
```
#02a8a6
```
#02a8a6 rgb(2,168,166)
```
#02c1bf
```
#02c1bf rgb(2,193,191)
```
#02dad8
```
#02dad8 rgb(2,218,216)
```
#03f3f1
```
#03f3f1 rgb(3,243,241)
```
#13fdfa
```
#13fdfa rgb(19,253,250)
```

Monochromatic Color

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

#02c18f
```
#02c18f rgb(2,193,143)
```
#02c19f
```
#02c19f rgb(2,193,159)
```
#02c1af
```
#02c1af rgb(2,193,175)
```
#02c1bf
```
#02c1bf rgb(2,193,191)
```
#02b3c1
```
#02b3c1 rgb(2,179,193)
```
#02a3c1
```
#02a3c1 rgb(2,163,193)
```
#0293c1
```
#0293c1 rgb(2,147,193)
```

Similar Colors

Text with hexadecimal color #02c1bf

This text has a font color of #02c1bf.

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

#02c1bf background color

This paragraph has a background color of #02c1bf.

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

#02c1bf border color

This element has a border color of #02c1bf.

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

CSS codes

.text {color:#02c1bf;}

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

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

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

#001212
```
#001212 rgb(0,18,18)
```
#002625
```
#002625 rgb(0,38,37)
```
#013939
```
#013939 rgb(1,57,57)
```
#014d4c
```
#014d4c rgb(1,77,76)
```
#01605f
```
#01605f rgb(1,96,95)
```
#017372
```
#017372 rgb(1,115,114)
```
#018785
```
#018785 rgb(1,135,133)
```
#029a99
```
#029a99 rgb(2,154,153)
```
#02aeac
```
#02aeac rgb(2,174,172)
```
#02c1bf
```
#02c1bf rgb(2,193,191)
```
#02d4d2
```
#02d4d2 rgb(2,212,210)
```
#02e8e5
```
#02e8e5 rgb(2,232,229)
```
#03fbf9
```
#03fbf9 rgb(3,251,249)
```

Shade Color Variation

#15fdfa
```
#15fdfa rgb(21,253,250)
```
#28fdfb
```
#28fdfb rgb(40,253,251)
```
#3cfdfb
```
#3cfdfb rgb(60,253,251)
```
#4ffdfb
```
#4ffdfb rgb(79,253,251)
```
#63fdfc
```
#63fdfc rgb(99,253,252)
```
#76fefc
```
#76fefc rgb(118,254,252)
```
#89fefd
```
#89fefd rgb(137,254,253)
```
#9dfefd
```
#9dfefd rgb(157,254,253)
```
#b0fefd
```
#b0fefd rgb(176,254,253)
```
#c4fefe
```
#c4fefe rgb(196,254,254)
```
#d7fffe
```
#d7fffe rgb(215,255,254)
```
#eaffff
```
#eaffff rgb(234,255,255)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#5c6767
```
#5c6767 rgb(92,103,103)
```
#556f6e
```
#556f6e rgb(85,111,110)
```
#4d7676
```
#4d7676 rgb(77,118,118)
```
#467e7d
```
#467e7d rgb(70,126,125)
```
#3e8584
```
#3e8584 rgb(62,133,132)
```
#378d8c
```
#378d8c rgb(55,141,140)
```
#2f9493
```
#2f9493 rgb(47,148,147)
```
#289c9a
```
#289c9a rgb(40,156,154)
```
#20a3a2
```
#20a3a2 rgb(32,163,162)
```
#19aba9
```
#19aba9 rgb(25,171,169)
```
#11b2b0
```
#11b2b0 rgb(17,178,176)
```
#0abab8
```
#0abab8 rgb(10,186,184)
```
#02c1bf
```
#02c1bf rgb(2,193,191)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#6d9393 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b0b7 Protanopia 1% of men
#b5adca Deuteranopia 1% of men
#2ec2d0 Tritanopia 0.001% of the population

Trichromacy

#72b6ba Protanomaly 1% of men, 0.01% of women
#74b4c6 Deuteranomaly 6% of men, 0.4% of women
#1ec1c9 Tritanomaly 0.01% of the population

#02c1bf hex color

#02c1bf Color Information

#02c1bf Color Conversion

Color Schemes with #02c1bf

Alternatives to #02c1bf

#02c1bf Preview

Shades and Tints of #02c1bf

Tones of #02c1bf

Color Blindness Simulator