#0caa96 hex color

In a RGB color space, hex #0caa96 is composed of 4.7% red, 66.7% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 92.9% cyan, 0% magenta, 11.8% yellow and 33.3% black. It has a hue angle of 172.4 degrees, a saturation of 86.8% and a lightness of 35.7%. #0caa96 color hex could be obtained by blending #18ffff with #00552d. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 5
- G 67
- B 59
RGB color chart
- C 93
- M 0
- Y 12
- K 33
CMYK color chart

● #0caa96 color description : Dark cyan.

The hexadecimal color #0caa96 has RGB values of R:12, G:170, B:150 and CMYK values of C:0.93, M:0, Y:0.12, K:0.33. Its decimal value is 830102.

Hex triplet	0caa96	`#0caa96`
RGB Decimal	12, 170, 150	`rgb(12,170,150)`
RGB Percent	4.7, 66.7, 58.8	`rgb(4.7%,66.7%,58.8%)`
CMYK	93, 0, 12, 33
HSL	172.4°, 86.8, 35.7	`hsl(172.4,86.8%,35.7%)`
HSV (or HSB)	172.4°, 92.9, 66.7
Web Safe	009999	`#009999`

CIE-LAB	62.531, -40.954, -0.003
XYZ	20.029, 31.028, 33.786
xyY	0.236, 0.366, 31.028
CIE-LCH	62.531, 40.954, 180.004
CIE-LUV	62.531, -49.836, 6.134
Hunter-Lab	55.702, -33.294, 3.03
Binary	00001100, 10101010, 10010110

#0caa96
```
#0caa96 rgb(12,170,150)
```
#aa0c20
```
#aa0c20 rgb(170,12,32)
```

Complementary Color

#0caa47
```
#0caa47 rgb(12,170,71)
```
#0caa96
```
#0caa96 rgb(12,170,150)
```
#0c6faa
```
#0c6faa rgb(12,111,170)
```

Analogous Color

#aa470c
```
#aa470c rgb(170,71,12)
```
#0caa96
```
#0caa96 rgb(12,170,150)
```
#aa0c6f
```
#aa0c6f rgb(170,12,111)
```

Split Complementary Color

#aa960c
```
#aa960c rgb(170,150,12)
```
#0caa96
```
#0caa96 rgb(12,170,150)
```
#960caa
```
#960caa rgb(150,12,170)
```

Triadic Color

#20aa0c
```
#20aa0c rgb(32,170,12)
```
#0caa96
```
#0caa96 rgb(12,170,150)
```
#960caa
```
#960caa rgb(150,12,170)
```
#aa0c20
```
#aa0c20 rgb(170,12,32)
```

Tetradic Color

#076357
```
#076357 rgb(7,99,87)
```
#097a6c
```
#097a6c rgb(9,122,108)
```
#0a9281
```
#0a9281 rgb(10,146,129)
```
#0caa96
```
#0caa96 rgb(12,170,150)
```
#0ec2ab
```
#0ec2ab rgb(14,194,171)
```
#0fdac0
```
#0fdac0 rgb(15,218,192)
```
#14eed3
```
#14eed3 rgb(20,238,211)
```

Monochromatic Color

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

#0caa6f
```
#0caa6f rgb(12,170,111)
```
#0caa7c
```
#0caa7c rgb(12,170,124)
```
#0caa89
```
#0caa89 rgb(12,170,137)
```
#0caa96
```
#0caa96 rgb(12,170,150)
```
#0caaa3
```
#0caaa3 rgb(12,170,163)
```
#0ca4aa
```
#0ca4aa rgb(12,164,170)
```
#0c97aa
```
#0c97aa rgb(12,151,170)
```

Similar Colors

Text with hexadecimal color #0caa96

This text has a font color of #0caa96.

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

#0caa96 background color

This paragraph has a background color of #0caa96.

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

#0caa96 border color

This element has a border color of #0caa96.

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

CSS codes

.text {color:#0caa96;}

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

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

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

#000505
```
#000505 rgb(0,5,5)
```
#021715
```
#021715 rgb(2,23,21)
```
#032a25
```
#032a25 rgb(3,42,37)
```
#043c35
```
#043c35 rgb(4,60,53)
```
#064e45
```
#064e45 rgb(6,78,69)
```
#076155
```
#076155 rgb(7,97,85)
```
#087366
```
#087366 rgb(8,115,102)
```
#098576
```
#098576 rgb(9,133,118)
```
#0b9886
```
#0b9886 rgb(11,152,134)
```
#0caa96
```
#0caa96 rgb(12,170,150)
```
#0dbca6
```
#0dbca6 rgb(13,188,166)
```
#0fcfb6
```
#0fcfb6 rgb(15,207,182)
```
#10e1c6
```
#10e1c6 rgb(16,225,198)
```

Shade Color Variation

#16efd3
```
#16efd3 rgb(22,239,211)
```
#28f0d7
```
#28f0d7 rgb(40,240,215)
```
#3bf1da
```
#3bf1da rgb(59,241,218)
```
#4df2dd
```
#4df2dd rgb(77,242,221)
```
#5ff4e1
```
#5ff4e1 rgb(95,244,225)
```
#72f5e4
```
#72f5e4 rgb(114,245,228)
```
#84f6e8
```
#84f6e8 rgb(132,246,232)
```
#96f8eb
```
#96f8eb rgb(150,248,235)
```
#a8f9ef
```
#a8f9ef rgb(168,249,239)
```
#bbfaf2
```
#bbfaf2 rgb(187,250,242)
```
#cdfbf6
```
#cdfbf6 rgb(205,251,246)
```
#dffdf9
```
#dffdf9 rgb(223,253,249)
```
#f2fefd
```
#f2fefd rgb(242,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #595d5c is the less saturated color, while #05b19b is the most saturated one.

#595d5c
```
#595d5c rgb(89,93,92)
```
#526462
```
#526462 rgb(82,100,98)
```
#4b6b67
```
#4b6b67 rgb(75,107,103)
```
#44726c
```
#44726c rgb(68,114,108)
```
#3d7971
```
#3d7971 rgb(61,121,113)
```
#368077
```
#368077 rgb(54,128,119)
```
#2f877c
```
#2f877c rgb(47,135,124)
```
#288e81
```
#288e81 rgb(40,142,129)
```
#219586
```
#219586 rgb(33,149,134)
```
#1a9c8c
```
#1a9c8c rgb(26,156,140)
```
#13a391
```
#13a391 rgb(19,163,145)
```
#0caa96
```
#0caa96 rgb(12,170,150)
```
#05b19b
```
#05b19b rgb(5,177,155)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#62827e Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19c92 Protanopia 1% of men
#a798a3 Deuteranopia 1% of men
#3aaab6 Tritanopia 0.001% of the population

Trichromacy

#6ba193 Protanomaly 1% of men, 0.01% of women
#6f9e9e Deuteranomaly 6% of men, 0.4% of women
#29aaaa Tritanomaly 0.01% of the population

#0caa96 hex color

#0caa96 Color Information

#0caa96 Color Conversion

Color Schemes with #0caa96

Alternatives to #0caa96

#0caa96 Preview

Shades and Tints of #0caa96

Tones of #0caa96

Color Blindness Simulator