#02c2bc hex color

In a RGB color space, hex #02c2bc is composed of 0.8% red, 76.1% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 0% magenta, 3.1% yellow and 23.9% black. It has a hue angle of 178.1 degrees, a saturation of 98% and a lightness of 38.4%. #02c2bc color hex could be obtained by blending #04ffff with #008579. Closest websafe color is: #00cccc.

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

● #02c2bc color description : Strong cyan.

The hexadecimal color #02c2bc has RGB values of R:2, G:194, B:188 and CMYK values of C:0.99, M:0, Y:0.03, K:0.24. Its decimal value is 180924.

Hex triplet	02c2bc	`#02c2bc`
RGB Decimal	2, 194, 188	`rgb(2,194,188)`
RGB Percent	0.8, 76.1, 73.7	`rgb(0.8%,76.1%,73.7%)`
CMYK	99, 0, 3, 24
HSL	178.1°, 98, 38.4	`hsl(178.1,98%,38.4%)`
HSV (or HSB)	178.1°, 99, 76.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	71.025, -40.875, -8.489
XYZ	28.391, 42.224, 54.228
xyY	0.227, 0.338, 42.224
CIE-LCH	71.025, 41.747, 191.732
CIE-LUV	71.025, -55.486, -6.827
Hunter-Lab	64.98, -35.726, -3.993
Binary	00000010, 11000010, 10111100

#02c2bc
```
#02c2bc rgb(2,194,188)
```
#c20208
```
#c20208 rgb(194,2,8)
```

Complementary Color

#02c25c
```
#02c25c rgb(2,194,92)
```
#02c2bc
```
#02c2bc rgb(2,194,188)
```
#0268c2
```
#0268c2 rgb(2,104,194)
```

Analogous Color

#c25c02
```
#c25c02 rgb(194,92,2)
```
#02c2bc
```
#02c2bc rgb(2,194,188)
```
#c20268
```
#c20268 rgb(194,2,104)
```

Split Complementary Color

#c2bc02
```
#c2bc02 rgb(194,188,2)
```
#02c2bc
```
#02c2bc rgb(2,194,188)
```
#bc02c2
```
#bc02c2 rgb(188,2,194)
```

Triadic Color

#08c202
```
#08c202 rgb(8,194,2)
```
#02c2bc
```
#02c2bc rgb(2,194,188)
```
#bc02c2
```
#bc02c2 rgb(188,2,194)
```
#c20208
```
#c20208 rgb(194,2,8)
```

Tetradic Color

#017673
```
#017673 rgb(1,118,115)
```
#01908b
```
#01908b rgb(1,144,139)
```
#02a9a4
```
#02a9a4 rgb(2,169,164)
```
#02c2bc
```
#02c2bc rgb(2,194,188)
```
#02dbd4
```
#02dbd4 rgb(2,219,212)
```
#03f4ed
```
#03f4ed rgb(3,244,237)
```
#14fdf5
```
#14fdf5 rgb(20,253,245)
```

Monochromatic Color

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

#02c28c
```
#02c28c rgb(2,194,140)
```
#02c29c
```
#02c29c rgb(2,194,156)
```
#02c2ac
```
#02c2ac rgb(2,194,172)
```
#02c2bc
```
#02c2bc rgb(2,194,188)
```
#02b8c2
```
#02b8c2 rgb(2,184,194)
```
#02a8c2
```
#02a8c2 rgb(2,168,194)
```
#0298c2
```
#0298c2 rgb(2,152,194)
```

Similar Colors

Text with hexadecimal color #02c2bc

This text has a font color of #02c2bc.

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

#02c2bc background color

This paragraph has a background color of #02c2bc.

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

#02c2bc border color

This element has a border color of #02c2bc.

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

CSS codes

.text {color:#02c2bc;}

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

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

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

#001313
```
#001313 rgb(0,19,19)
```
#002725
```
#002725 rgb(0,39,37)
```
#013a38
```
#013a38 rgb(1,58,56)
```
#014e4b
```
#014e4b rgb(1,78,75)
```
#01615e
```
#01615e rgb(1,97,94)
```
#017471
```
#017471 rgb(1,116,113)
```
#018884
```
#018884 rgb(1,136,132)
```
#029b96
```
#029b96 rgb(2,155,150)
```
#02afa9
```
#02afa9 rgb(2,175,169)
```
#02c2bc
```
#02c2bc rgb(2,194,188)
```
#02d5cf
```
#02d5cf rgb(2,213,207)
```
#02e9e2
```
#02e9e2 rgb(2,233,226)
```
#03fcf4
```
#03fcf4 rgb(3,252,244)
```

Shade Color Variation

#16fdf5
```
#16fdf5 rgb(22,253,245)
```
#29fdf6
```
#29fdf6 rgb(41,253,246)
```
#3dfdf7
```
#3dfdf7 rgb(61,253,247)
```
#50fdf8
```
#50fdf8 rgb(80,253,248)
```
#64fdf9
```
#64fdf9 rgb(100,253,249)
```
#77fef9
```
#77fef9 rgb(119,254,249)
```
#8afefa
```
#8afefa rgb(138,254,250)
```
#9efefb
```
#9efefb rgb(158,254,251)
```
#b1fefc
```
#b1fefc rgb(177,254,252)
```
#c5fefd
```
#c5fefd rgb(197,254,253)
```
#d8fffd
```
#d8fffd rgb(216,255,253)
```
#ebfffe
```
#ebfffe rgb(235,255,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5c6867
```
#5c6867 rgb(92,104,103)
```
#556f6e
```
#556f6e rgb(85,111,110)
```
#4d7775
```
#4d7775 rgb(77,119,117)
```
#467e7c
```
#467e7c rgb(70,126,124)
```
#3e8683
```
#3e8683 rgb(62,134,131)
```
#378d8b
```
#378d8b rgb(55,141,139)
```
#2f9592
```
#2f9592 rgb(47,149,146)
```
#289c99
```
#289c99 rgb(40,156,153)
```
#20a4a0
```
#20a4a0 rgb(32,164,160)
```
#19aba7
```
#19aba7 rgb(25,171,167)
```
#11b3ae
```
#11b3ae rgb(17,179,174)
```
#0abab5
```
#0abab5 rgb(10,186,181)
```
#02c2bc
```
#02c2bc rgb(2,194,188)
```

Tone Color Variation

Below, you can see how #02c2bc 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
#6d9492 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4b1b4 Protanopia 1% of men
#b7adc8 Deuteranopia 1% of men
#32c2d0 Tritanopia 0.001% of the population

Trichromacy

#73b7b7 Protanomaly 1% of men, 0.01% of women
#75b5c3 Deuteranomaly 6% of men, 0.4% of women
#21c2c9 Tritanomaly 0.01% of the population

#02c2bc hex color

#02c2bc Color Information

#02c2bc Color Conversion

Color Schemes with #02c2bc

Alternatives to #02c2bc

#02c2bc Preview

Shades and Tints of #02c2bc

Tones of #02c2bc

Color Blindness Simulator