#0cc2af hex color

In a RGB color space, hex #0cc2af is composed of 4.7% red, 76.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 93.8% cyan, 0% magenta, 9.8% yellow and 23.9% black. It has a hue angle of 173.7 degrees, a saturation of 88.3% and a lightness of 40.4%. #0cc2af color hex could be obtained by blending #18ffff with #00855f. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 5
- G 76
- B 69
RGB color chart
- C 94
- M 0
- Y 10
- K 24
CMYK color chart

● #0cc2af color description : Strong cyan.

The hexadecimal color #0cc2af has RGB values of R:12, G:194, B:175 and CMYK values of C:0.94, M:0, Y:0.1, K:0.24. Its decimal value is 836271.

Hex triplet	0cc2af	`#0cc2af`
RGB Decimal	12, 194, 175	`rgb(12,194,175)`
RGB Percent	4.7, 76.1, 68.6	`rgb(4.7%,76.1%,68.6%)`
CMYK	94, 0, 10, 24
HSL	173.7°, 88.3, 40.4	`hsl(173.7,88.3%,40.4%)`
HSV (or HSB)	173.7°, 93.8, 76.1
Web Safe	00cc99	`#00cc99`

CIE-LAB	70.701, -44.304, -1.861
XYZ	27.179, 41.754, 47.182
xyY	0.234, 0.36, 41.754
CIE-LCH	70.701, 44.343, 182.405
CIE-LUV	70.701, -56.156, 3.98
Hunter-Lab	64.617, -38.002, 1.94
Binary	00001100, 11000010, 10101111

#0cc2af
```
#0cc2af rgb(12,194,175)
```
#c20c1f
```
#c20c1f rgb(194,12,31)
```

Complementary Color

#0cc254
```
#0cc254 rgb(12,194,84)
```
#0cc2af
```
#0cc2af rgb(12,194,175)
```
#0c7ac2
```
#0c7ac2 rgb(12,122,194)
```

Analogous Color

#c2540c
```
#c2540c rgb(194,84,12)
```
#0cc2af
```
#0cc2af rgb(12,194,175)
```
#c20c7a
```
#c20c7a rgb(194,12,122)
```

Split Complementary Color

#c2af0c
```
#c2af0c rgb(194,175,12)
```
#0cc2af
```
#0cc2af rgb(12,194,175)
```
#af0cc2
```
#af0cc2 rgb(175,12,194)
```

Triadic Color

#1fc20c
```
#1fc20c rgb(31,194,12)
```
#0cc2af
```
#0cc2af rgb(12,194,175)
```
#af0cc2
```
#af0cc2 rgb(175,12,194)
```
#c20c1f
```
#c20c1f rgb(194,12,31)
```

Tetradic Color

#087a6e
```
#087a6e rgb(8,122,110)
```
#099284
```
#099284 rgb(9,146,132)
```
#0baa99
```
#0baa99 rgb(11,170,153)
```
#0cc2af
```
#0cc2af rgb(12,194,175)
```
#0ddac5
```
#0ddac5 rgb(13,218,197)
```
#11f0d9
```
#11f0d9 rgb(17,240,217)
```
#29f2dd
```
#29f2dd rgb(41,242,221)
```

Monochromatic Color

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

#0cc282
```
#0cc282 rgb(12,194,130)
```
#0cc291
```
#0cc291 rgb(12,194,145)
```
#0cc2a0
```
#0cc2a0 rgb(12,194,160)
```
#0cc2af
```
#0cc2af rgb(12,194,175)
```
#0cc2be
```
#0cc2be rgb(12,194,190)
```
#0cb7c2
```
#0cb7c2 rgb(12,183,194)
```
#0ca8c2
```
#0ca8c2 rgb(12,168,194)
```

Similar Colors

Text with hexadecimal color #0cc2af

This text has a font color of #0cc2af.

<span style="color:#0cc2af;">Text here</span>

#0cc2af background color

This paragraph has a background color of #0cc2af.

<p style="background-color:#0cc2af;">Content here</p>

#0cc2af border color

This element has a border color of #0cc2af.

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

CSS codes

.text {color:#0cc2af;}

.background {background-color:#0cc2af;}

.border {border:1px solid #0cc2af;}

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

#010908
```
#010908 rgb(1,9,8)
```
#021c19
```
#021c19 rgb(2,28,25)
```
#032e2a
```
#032e2a rgb(3,46,42)
```
#04413a
```
#04413a rgb(4,65,58)
```
#05534b
```
#05534b rgb(5,83,75)
```
#06665c
```
#06665c rgb(6,102,92)
```
#07786c
```
#07786c rgb(7,120,108)
```
#098b7d
```
#098b7d rgb(9,139,125)
```
#0a9d8e
```
#0a9d8e rgb(10,157,142)
```
#0bb09e
```
#0bb09e rgb(11,176,158)
```
#0cc2af
```
#0cc2af rgb(12,194,175)
```
#0dd4c0
```
#0dd4c0 rgb(13,212,192)
```
#0ee7d0
```
#0ee7d0 rgb(14,231,208)
```

Shade Color Variation

#18f1da
```
#18f1da rgb(24,241,218)
```
#2bf2dd
```
#2bf2dd rgb(43,242,221)
```
#3df3e0
```
#3df3e0 rgb(61,243,224)
```
#50f4e3
```
#50f4e3 rgb(80,244,227)
```
#62f5e6
```
#62f5e6 rgb(98,245,230)
```
#74f6e9
```
#74f6e9 rgb(116,246,233)
```
#87f8ec
```
#87f8ec rgb(135,248,236)
```
#99f9ef
```
#99f9ef rgb(153,249,239)
```
#acfaf2
```
#acfaf2 rgb(172,250,242)
```
#befbf5
```
#befbf5 rgb(190,251,245)
```
#d1fcf8
```
#d1fcf8 rgb(209,252,248)
```
#e3fdfb
```
#e3fdfb rgb(227,253,251)
```
#f6fefe
```
#f6fefe rgb(246,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #636b6a is the less saturated color, while #04cab5 is the most saturated one.

#636b6a
```
#636b6a rgb(99,107,106)
```
#5b7370
```
#5b7370 rgb(91,115,112)
```
#537b77
```
#537b77 rgb(83,123,119)
```
#4b837d
```
#4b837d rgb(75,131,125)
```
#438b83
```
#438b83 rgb(67,139,131)
```
#3c9289
```
#3c9289 rgb(60,146,137)
```
#349a90
```
#349a90 rgb(52,154,144)
```
#2ca296
```
#2ca296 rgb(44,162,150)
```
#24aa9c
```
#24aa9c rgb(36,170,156)
```
#1cb2a2
```
#1cb2a2 rgb(28,178,162)
```
#14baa9
```
#14baa9 rgb(20,186,169)
```
#0cc2af
```
#0cc2af rgb(12,194,175)
```
#04cab5
```
#04cab5 rgb(4,202,181)
```

Tone Color Variation

Below, you can see how #0cc2af 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

#898989 Achromatopsia 0.005% of the population
#709491 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6b0a8 Protanopia 1% of men
#bcacbc Deuteranopia 1% of men
#3fc0cf Tritanopia 0.001% of the population

Trichromacy

#78b6aa Protanomaly 1% of men, 0.01% of women
#7cb4b7 Deuteranomaly 6% of men, 0.4% of women
#2cc1c3 Tritanomaly 0.01% of the population

#0cc2af hex color

#0cc2af Color Information

#0cc2af Color Conversion

Color Schemes with #0cc2af

Alternatives to #0cc2af

#0cc2af Preview

Shades and Tints of #0cc2af

Tones of #0cc2af

Color Blindness Simulator