#0cc4cf hex color

In a RGB color space, hex #0cc4cf is composed of 4.7% red, 76.9% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 94.2% cyan, 5.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 183.4 degrees, a saturation of 89% and a lightness of 42.9%. #0cc4cf color hex could be obtained by blending #18ffff with #00899f. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 5
- G 77
- B 81
RGB color chart
- C 94
- M 5
- Y 0
- K 19
CMYK color chart

● #0cc4cf color description : Strong cyan.

The hexadecimal color #0cc4cf has RGB values of R:12, G:196, B:207 and CMYK values of C:0.94, M:0.05, Y:0, K:0.19. Its decimal value is 836815.

Hex triplet	0cc4cf	`#0cc4cf`
RGB Decimal	12, 196, 207	`rgb(12,196,207)`
RGB Percent	4.7, 76.9, 81.2	`rgb(4.7%,76.9%,81.2%)`
CMYK	94, 5, 0, 19
HSL	183.4°, 89, 42.9	`hsl(183.4,89%,42.9%)`
HSV (or HSB)	183.4°, 94.2, 81.2
Web Safe	00cccc	`#00cccc`

CIE-LAB	72.268, -35.737, -16.981
XYZ	31.151, 44.06, 65.891
xyY	0.221, 0.312, 44.06
CIE-LCH	72.268, 39.566, 205.415
CIE-LUV	72.268, -54.296, -21.277
Hunter-Lab	66.378, -32.392, -12.391
Binary	00001100, 11000100, 11001111

#0cc4cf
```
#0cc4cf rgb(12,196,207)
```
#cf170c
```
#cf170c rgb(207,23,12)
```

Complementary Color

#0ccf79
```
#0ccf79 rgb(12,207,121)
```
#0cc4cf
```
#0cc4cf rgb(12,196,207)
```
#0c63cf
```
#0c63cf rgb(12,99,207)
```

Analogous Color

#cf790c
```
#cf790c rgb(207,121,12)
```
#0cc4cf
```
#0cc4cf rgb(12,196,207)
```
#cf0c63
```
#cf0c63 rgb(207,12,99)
```

Split Complementary Color

#c4cf0c
```
#c4cf0c rgb(196,207,12)
```
#0cc4cf
```
#0cc4cf rgb(12,196,207)
```
#cf0cc4
```
#cf0cc4 rgb(207,12,196)
```

Triadic Color

#0ccf17
```
#0ccf17 rgb(12,207,23)
```
#0cc4cf
```
#0cc4cf rgb(12,196,207)
```
#cf0cc4
```
#cf0cc4 rgb(207,12,196)
```
#cf170c
```
#cf170c rgb(207,23,12)
```

Tetradic Color

#088087
```
#088087 rgb(8,128,135)
```
#09969f
```
#09969f rgb(9,150,159)
```
#0badb7
```
#0badb7 rgb(11,173,183)
```
#0cc4cf
```
#0cc4cf rgb(12,196,207)
```
#0ddbe7
```
#0ddbe7 rgb(13,219,231)
```
#1ce6f2
```
#1ce6f2 rgb(28,230,242)
```
#34e8f3
```
#34e8f3 rgb(52,232,243)
```

Monochromatic Color

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

#0ccfa9
```
#0ccfa9 rgb(12,207,169)
```
#0ccfba
```
#0ccfba rgb(12,207,186)
```
#0ccfca
```
#0ccfca rgb(12,207,202)
```
#0cc4cf
```
#0cc4cf rgb(12,196,207)
```
#0cb4cf
```
#0cb4cf rgb(12,180,207)
```
#0ca4cf
```
#0ca4cf rgb(12,164,207)
```
#0c93cf
```
#0c93cf rgb(12,147,207)
```

Similar Colors

Text with hexadecimal color #0cc4cf

This text has a font color of #0cc4cf.

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

#0cc4cf background color

This paragraph has a background color of #0cc4cf.

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

#0cc4cf border color

This element has a border color of #0cc4cf.

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

CSS codes

.text {color:#0cc4cf;}

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

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

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

#000303
```
#000303 rgb(0,3,3)
```
#011416
```
#011416 rgb(1,20,22)
```
#022628
```
#022628 rgb(2,38,40)
```
#03383b
```
#03383b rgb(3,56,59)
```
#04494d
```
#04494d rgb(4,73,77)
```
#065b60
```
#065b60 rgb(6,91,96)
```
#076c72
```
#076c72 rgb(7,108,114)
```
#087e85
```
#087e85 rgb(8,126,133)
```
#098f97
```
#098f97 rgb(9,143,151)
```
#0aa1aa
```
#0aa1aa rgb(10,161,170)
```
#0bb2bc
```
#0bb2bc rgb(11,178,188)
```
#0cc4cf
```
#0cc4cf rgb(12,196,207)
```
#0dd6e2
```
#0dd6e2 rgb(13,214,226)
```

Shade Color Variation

#11e5f1
```
#11e5f1 rgb(17,229,241)
```
#24e7f2
```
#24e7f2 rgb(36,231,242)
```
#36e9f3
```
#36e9f3 rgb(54,233,243)
```
#49ebf4
```
#49ebf4 rgb(73,235,244)
```
#5bedf6
```
#5bedf6 rgb(91,237,246)
```
#6eeff7
```
#6eeff7 rgb(110,239,247)
```
#80f1f8
```
#80f1f8 rgb(128,241,248)
```
#93f3f9
```
#93f3f9 rgb(147,243,249)
```
#a5f5fa
```
#a5f5fa rgb(165,245,250)
```
#b8f7fb
```
#b8f7fb rgb(184,247,251)
```
#caf9fc
```
#caf9fc rgb(202,249,252)
```
#ddfbfd
```
#ddfbfd rgb(221,251,253)
```
#f0fdfe
```
#f0fdfe rgb(240,253,254)
```

Tint Color Variation

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

#697272
```
#697272 rgb(105,114,114)
```
#60797b
```
#60797b rgb(96,121,123)
```
#588183
```
#588183 rgb(88,129,131)
```
#4f888c
```
#4f888c rgb(79,136,140)
```
#479094
```
#479094 rgb(71,144,148)
```
#3f979c
```
#3f979c rgb(63,151,156)
```
#369fa5
```
#369fa5 rgb(54,159,165)
```
#2ea6ad
```
#2ea6ad rgb(46,166,173)
```
#25aeb6
```
#25aeb6 rgb(37,174,182)
```
#1db5be
```
#1db5be rgb(29,181,190)
```
#14bdc7
```
#14bdc7 rgb(20,189,199)
```
#0cc4cf
```
#0cc4cf rgb(12,196,207)
```
#04cbd7
```
#04cbd7 rgb(4,203,215)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#74999b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b4c6 Protanopia 1% of men
#b2b1d9 Deuteranopia 1% of men
#22c6d5 Tritanopia 0.001% of the population

Trichromacy

#76b9c9 Protanomaly 1% of men, 0.01% of women
#76b8d5 Deuteranomaly 6% of men, 0.4% of women
#1ac5d2 Tritanomaly 0.01% of the population

#0cc4cf hex color

#0cc4cf Color Information

#0cc4cf Color Conversion

Color Schemes with #0cc4cf

Alternatives to #0cc4cf

#0cc4cf Preview

Shades and Tints of #0cc4cf

Tones of #0cc4cf

Color Blindness Simulator