#00c2c4 hex color

In a RGB color space, hex #00c2c4 is composed of 0% red, 76.1% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 1% magenta, 0% yellow and 23.1% black. It has a hue angle of 180.6 degrees, a saturation of 100% and a lightness of 38.4%. #00c2c4 color hex could be obtained by blending #00ffff with #008589. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 0
- G 76
- B 77
RGB color chart
- C 100
- M 1
- Y 0
- K 23
CMYK color chart

● #00c2c4 color description : Strong cyan.

The hexadecimal color #00c2c4 has RGB values of R:0, G:194, B:196 and CMYK values of C:1, M:0.01, Y:0, K:0.23. Its decimal value is 49860.

Hex triplet	00c2c4	`#00c2c4`
RGB Decimal	0, 194, 196	`rgb(0,194,196)`
RGB Percent	0, 76.1, 76.9	`rgb(0%,76.1%,76.9%)`
CMYK	100, 1, 0, 23
HSL	180.6°, 100, 38.4	`hsl(180.6,100%,38.4%)`
HSV (or HSB)	180.6°, 100, 76.9
Web Safe	00cccc	`#00cccc`

CIE-LAB	71.259, -38.537, -12.509
XYZ	29.252, 42.566, 58.896
xyY	0.224, 0.326, 42.566
CIE-LCH	71.259, 40.517, 197.983
CIE-LUV	71.259, -54.909, -13.585
Hunter-Lab	65.243, -34.142, -7.852
Binary	00000000, 11000010, 11000100

#00c2c4
```
#00c2c4 rgb(0,194,196)
```
#c40200
```
#c40200 rgb(196,2,0)
```

Complementary Color

#00c464
```
#00c464 rgb(0,196,100)
```
#00c2c4
```
#00c2c4 rgb(0,194,196)
```
#0060c4
```
#0060c4 rgb(0,96,196)
```

Analogous Color

#c46400
```
#c46400 rgb(196,100,0)
```
#00c2c4
```
#00c2c4 rgb(0,194,196)
```
#c40060
```
#c40060 rgb(196,0,96)
```

Split Complementary Color

#c2c400
```
#c2c400 rgb(194,196,0)
```
#00c2c4
```
#00c2c4 rgb(0,194,196)
```
#c400c2
```
#c400c2 rgb(196,0,194)
```

Triadic Color

#00c402
```
#00c402 rgb(0,196,2)
```
#00c2c4
```
#00c2c4 rgb(0,194,196)
```
#c400c2
```
#c400c2 rgb(196,0,194)
```
#c40200
```
#c40200 rgb(196,2,0)
```

Tetradic Color

#007678
```
#007678 rgb(0,118,120)
```
#009091
```
#009091 rgb(0,144,145)
```
#00a9ab
```
#00a9ab rgb(0,169,171)
```
#00c2c4
```
#00c2c4 rgb(0,194,196)
```
#00dbde
```
#00dbde rgb(0,219,222)
```
#00f4f7
```
#00f4f7 rgb(0,244,247)
```
#12fdff
```
#12fdff rgb(18,253,255)
```

Monochromatic Color

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

#00c495
```
#00c495 rgb(0,196,149)
```
#00c4a5
```
#00c4a5 rgb(0,196,165)
```
#00c4b6
```
#00c4b6 rgb(0,196,182)
```
#00c2c4
```
#00c2c4 rgb(0,194,196)
```
#00b2c4
```
#00b2c4 rgb(0,178,196)
```
#00a1c4
```
#00a1c4 rgb(0,161,196)
```
#0091c4
```
#0091c4 rgb(0,145,196)
```

Similar Colors

Text with hexadecimal color #00c2c4

This text has a font color of #00c2c4.

<span style="color:#00c2c4;">Text here</span>

#00c2c4 background color

This paragraph has a background color of #00c2c4.

<p style="background-color:#00c2c4;">Content here</p>

#00c2c4 border color

This element has a border color of #00c2c4.

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

CSS codes

.text {color:#00c2c4;}

.background {background-color:#00c2c4;}

.border {border:1px solid #00c2c4;}

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)
```
#002727
```
#002727 rgb(0,39,39)
```
#003a3b
```
#003a3b rgb(0,58,59)
```
#004e4e
```
#004e4e rgb(0,78,78)
```
#006162
```
#006162 rgb(0,97,98)
```
#007476
```
#007476 rgb(0,116,118)
```
#008889
```
#008889 rgb(0,136,137)
```
#009b9d
```
#009b9d rgb(0,155,157)
```
#00afb0
```
#00afb0 rgb(0,175,176)
```
#00c2c4
```
#00c2c4 rgb(0,194,196)
```
#00d5d8
```
#00d5d8 rgb(0,213,216)
```
#00e9eb
```
#00e9eb rgb(0,233,235)
```
#00fcff
```
#00fcff rgb(0,252,255)
```

Shade Color Variation

#13fdff
```
#13fdff rgb(19,253,255)
```
#27fdff
```
#27fdff rgb(39,253,255)
```
#3bfdff
```
#3bfdff rgb(59,253,255)
```
#4efdff
```
#4efdff rgb(78,253,255)
```
#62fdff
```
#62fdff rgb(98,253,255)
```
#76feff
```
#76feff rgb(118,254,255)
```
#89feff
```
#89feff rgb(137,254,255)
```
#9dfeff
```
#9dfeff rgb(157,254,255)
```
#b0feff
```
#b0feff rgb(176,254,255)
```
#c4feff
```
#c4feff rgb(196,254,255)
```
#d8ffff
```
#d8ffff rgb(216,255,255)
```
#ebffff
```
#ebffff rgb(235,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#5a696a
```
#5a696a rgb(90,105,106)
```
#537171
```
#537171 rgb(83,113,113)
```
#4b7879
```
#4b7879 rgb(75,120,121)
```
#448080
```
#448080 rgb(68,128,128)
```
#3c8788
```
#3c8788 rgb(60,135,136)
```
#358e8f
```
#358e8f rgb(53,142,143)
```
#2d9697
```
#2d9697 rgb(45,150,151)
```
#269d9e
```
#269d9e rgb(38,157,158)
```
#1ea4a6
```
#1ea4a6 rgb(30,164,166)
```
#17acad
```
#17acad rgb(23,172,173)
```
#0fb3b5
```
#0fb3b5 rgb(15,179,181)
```
#08bbbc
```
#08bbbc rgb(8,187,188)
```
#00c2c4
```
#00c2c4 rgb(0,194,196)
```

Tone Color Variation

Below, you can see how #00c2c4 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
#6d9494 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b1bb Protanopia 1% of men
#b4aecf Deuteranopia 1% of men
#29c3d1 Tritanopia 0.001% of the population

Trichromacy

#71b7be Protanomaly 1% of men, 0.01% of women
#72b5cb Deuteranomaly 6% of men, 0.4% of women
#1ac2cc Tritanomaly 0.01% of the population

#00c2c4 hex color

#00c2c4 Color Information

#00c2c4 Color Conversion

Color Schemes with #00c2c4

Alternatives to #00c2c4

#00c2c4 Preview

Shades and Tints of #00c2c4

Tones of #00c2c4

Color Blindness Simulator