colorhexa.com

#0cc2b4 hex color

In a RGB color space, hex #0cc2b4 is composed of 4.7% red, 76.1% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 93.8% cyan, 0% magenta, 7.2% yellow and 23.9% black. It has a hue angle of 175.4 degrees, a saturation of 88.3% and a lightness of 40.4%. #0cc2b4 color hex could be obtained by blending #18ffff with #008569. Closest websafe color is: #00cccc.

- R 5
- G 76
- B 71
RGB color chart
- C 94
- M 0
- Y 7
- K 24
CMYK color chart

● #0cc2b4 color description : Strong cyan.

The hexadecimal color #0cc2b4 has RGB values of R:12, G:194, B:180 and CMYK values of C:0.94, M:0, Y:0.07, K:0.24. Its decimal value is 836276.

Hex triplet	0cc2b4	`#0cc2b4`
RGB Decimal	12, 194, 180	`rgb(12,194,180)`
RGB Percent	4.7, 76.1, 70.6	`rgb(4.7%,76.1%,70.6%)`
CMYK	94, 0, 7, 24
HSL	175.4°, 88.3, 40.4	`hsl(175.4,88.3%,40.4%)`
HSV (or HSB)	175.4°, 93.8, 76.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.839, -42.891, -4.389
XYZ	27.679, 41.954, 49.817
xyY	0.232, 0.351, 41.954
CIE-LCH	70.839, 43.115, 185.842
CIE-LUV	70.839, -55.762, -0.112
Hunter-Lab	64.772, -37.073, -0.26
Binary	00001100, 11000010, 10110100

#0cc2b4
```
#0cc2b4 rgb(12,194,180)
```
#c20c1a
```
#c20c1a rgb(194,12,26)
```

Complementary Color

#0cc259
```
#0cc259 rgb(12,194,89)
```
#0cc2b4
```
#0cc2b4 rgb(12,194,180)
```
#0c75c2
```
#0c75c2 rgb(12,117,194)
```

Analogous Color

#c2590c
```
#c2590c rgb(194,89,12)
```
#0cc2b4
```
#0cc2b4 rgb(12,194,180)
```
#c20c75
```
#c20c75 rgb(194,12,117)
```

Split Complementary Color

#c2b40c
```
#c2b40c rgb(194,180,12)
```
#0cc2b4
```
#0cc2b4 rgb(12,194,180)
```
#b40cc2
```
#b40cc2 rgb(180,12,194)
```

Triadic Color

#1ac20c
```
#1ac20c rgb(26,194,12)
```
#0cc2b4
```
#0cc2b4 rgb(12,194,180)
```
#b40cc2
```
#b40cc2 rgb(180,12,194)
```
#c20c1a
```
#c20c1a rgb(194,12,26)
```

Tetradic Color

#087a71
```
#087a71 rgb(8,122,113)
```
#099287
```
#099287 rgb(9,146,135)
```
#0baa9e
```
#0baa9e rgb(11,170,158)
```
#0cc2b4
```
#0cc2b4 rgb(12,194,180)
```
#0ddaca
```
#0ddaca rgb(13,218,202)
```
#11f0df
```
#11f0df rgb(17,240,223)
```
#29f2e2
```
#29f2e2 rgb(41,242,226)
```

Monochromatic Color

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

#0cc287
```
#0cc287 rgb(12,194,135)
```
#0cc296
```
#0cc296 rgb(12,194,150)
```
#0cc2a5
```
#0cc2a5 rgb(12,194,165)
```
#0cc2b4
```
#0cc2b4 rgb(12,194,180)
```
#0cc1c2
```
#0cc1c2 rgb(12,193,194)
```
#0cb2c2
```
#0cb2c2 rgb(12,178,194)
```
#0ca3c2
```
#0ca3c2 rgb(12,163,194)
```

Similar Colors

Text with hexadecimal color #0cc2b4

This text has a font color of #0cc2b4.

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

#0cc2b4 background color

This paragraph has a background color of #0cc2b4.

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

#0cc2b4 border color

This element has a border color of #0cc2b4.

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

CSS codes

.text {color:#0cc2b4;}

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

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

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

#010909
```
#010909 rgb(1,9,9)
```
#021c1a
```
#021c1a rgb(2,28,26)
```
#032e2b
```
#032e2b rgb(3,46,43)
```
#04413c
```
#04413c rgb(4,65,60)
```
#05534d
```
#05534d rgb(5,83,77)
```
#06665e
```
#06665e rgb(6,102,94)
```
#07786f
```
#07786f rgb(7,120,111)
```
#098b81
```
#098b81 rgb(9,139,129)
```
#0a9d92
```
#0a9d92 rgb(10,157,146)
```
#0bb0a3
```
#0bb0a3 rgb(11,176,163)
```
#0cc2b4
```
#0cc2b4 rgb(12,194,180)
```
#0dd4c5
```
#0dd4c5 rgb(13,212,197)
```
#0ee7d6
```
#0ee7d6 rgb(14,231,214)
```

Shade Color Variation

#18f1e0
```
#18f1e0 rgb(24,241,224)
```
#2bf2e3
```
#2bf2e3 rgb(43,242,227)
```
#3df3e5
```
#3df3e5 rgb(61,243,229)
```
#50f4e7
```
#50f4e7 rgb(80,244,231)
```
#62f5ea
```
#62f5ea rgb(98,245,234)
```
#74f6ec
```
#74f6ec rgb(116,246,236)
```
#87f8ef
```
#87f8ef rgb(135,248,239)
```
#99f9f1
```
#99f9f1 rgb(153,249,241)
```
#acfaf4
```
#acfaf4 rgb(172,250,244)
```
#befbf6
```
#befbf6 rgb(190,251,246)
```
#d1fcf9
```
#d1fcf9 rgb(209,252,249)
```
#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 #04cabb is the most saturated one.

#636b6a
```
#636b6a rgb(99,107,106)
```
#5b7371
```
#5b7371 rgb(91,115,113)
```
#537b78
```
#537b78 rgb(83,123,120)
```
#4b837e
```
#4b837e rgb(75,131,126)
```
#438b85
```
#438b85 rgb(67,139,133)
```
#3c928c
```
#3c928c rgb(60,146,140)
```
#349a92
```
#349a92 rgb(52,154,146)
```
#2ca299
```
#2ca299 rgb(44,162,153)
```
#24aaa0
```
#24aaa0 rgb(36,170,160)
```
#1cb2a7
```
#1cb2a7 rgb(28,178,167)
```
#14baad
```
#14baad rgb(20,186,173)
```
#0cc2b4
```
#0cc2b4 rgb(12,194,180)
```
#04cabb
```
#04cabb rgb(4,202,187)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#719592 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5b0ad Protanopia 1% of men
#baadc0 Deuteranopia 1% of men
#3bc1cf Tritanopia 0.001% of the population

Trichromacy

#77b7af Protanomaly 1% of men, 0.01% of women
#7bb4bc Deuteranomaly 6% of men, 0.4% of women
#2ac1c5 Tritanomaly 0.01% of the population