colorhexa.com

#0ca5a4 hex color

In a RGB color space, hex #0ca5a4 is composed of 4.7% red, 64.7% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 0% magenta, 0.6% yellow and 35.3% black. It has a hue angle of 179.6 degrees, a saturation of 86.4% and a lightness of 34.7%. #0ca5a4 color hex could be obtained by blending #18ffff with #004b49. Closest websafe color is: #009999.

- R 5
- G 65
- B 64
RGB color chart
- C 93
- M 0
- Y 1
- K 35
CMYK color chart

● #0ca5a4 color description : Dark cyan.

The hexadecimal color #0ca5a4 has RGB values of R:12, G:165, B:164 and CMYK values of C:0.93, M:0, Y:0.01, K:0.35. Its decimal value is 828836.

Hex triplet	0ca5a4	`#0ca5a4`
RGB Decimal	12, 165, 164	`rgb(12,165,164)`
RGB Percent	4.7, 64.7, 64.3	`rgb(4.7%,64.7%,64.3%)`
CMYK	93, 0, 1, 35
HSL	179.6°, 86.4, 34.7	`hsl(179.6,86.4%,34.7%)`
HSV (or HSB)	179.6°, 92.7, 64.7
Web Safe	009999	`#009999`

CIE-LAB	61.366, -34.571, -9.583
XYZ	20.305, 29.667, 39.776
xyY	0.226, 0.331, 29.667
CIE-LCH	61.366, 35.874, 195.493
CIE-LUV	61.366, -46.997, -9.286
Hunter-Lab	54.467, -28.772, -5.171
Binary	00001100, 10100101, 10100100

#0ca5a4
```
#0ca5a4 rgb(12,165,164)
```
#a50c0d
```
#a50c0d rgb(165,12,13)
```

Complementary Color

#0ca558
```
#0ca558 rgb(12,165,88)
```
#0ca5a4
```
#0ca5a4 rgb(12,165,164)
```
#0c59a5
```
#0c59a5 rgb(12,89,165)
```

Analogous Color

#a5580c
```
#a5580c rgb(165,88,12)
```
#0ca5a4
```
#0ca5a4 rgb(12,165,164)
```
#a50c5a
```
#a50c5a rgb(165,12,90)
```

Split Complementary Color

#a5a40c
```
#a5a40c rgb(165,164,12)
```
#0ca5a4
```
#0ca5a4 rgb(12,165,164)
```
#a40ca5
```
#a40ca5 rgb(164,12,165)
```

Triadic Color

#0da50c
```
#0da50c rgb(13,165,12)
```
#0ca5a4
```
#0ca5a4 rgb(12,165,164)
```
#a40ca5
```
#a40ca5 rgb(164,12,165)
```
#a50c0d
```
#a50c0d rgb(165,12,13)
```

Tetradic Color

#075e5d
```
#075e5d rgb(7,94,93)
```
#097575
```
#097575 rgb(9,117,117)
```
#0a8d8c
```
#0a8d8c rgb(10,141,140)
```
#0ca5a4
```
#0ca5a4 rgb(12,165,164)
```
#0ebdbc
```
#0ebdbc rgb(14,189,188)
```
#0fd5d3
```
#0fd5d3 rgb(15,213,211)
```
#11eceb
```
#11eceb rgb(17,236,235)
```

Monochromatic Color

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

#0ca57e
```
#0ca57e rgb(12,165,126)
```
#0ca58b
```
#0ca58b rgb(12,165,139)
```
#0ca597
```
#0ca597 rgb(12,165,151)
```
#0ca5a4
```
#0ca5a4 rgb(12,165,164)
```
#0c99a5
```
#0c99a5 rgb(12,153,165)
```
#0c8da5
```
#0c8da5 rgb(12,141,165)
```
#0c80a5
```
#0c80a5 rgb(12,128,165)
```

Similar Colors

Text with hexadecimal color #0ca5a4

This text has a font color of #0ca5a4.

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

#0ca5a4 background color

This paragraph has a background color of #0ca5a4.

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

#0ca5a4 border color

This element has a border color of #0ca5a4.

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

CSS codes

.text {color:#0ca5a4;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#011313
```
#011313 rgb(1,19,19)
```
#032525
```
#032525 rgb(3,37,37)
```
#043737
```
#043737 rgb(4,55,55)
```
#054a49
```
#054a49 rgb(5,74,73)
```
#075c5b
```
#075c5b rgb(7,92,91)
```
#086e6d
```
#086e6d rgb(8,110,109)
```
#098080
```
#098080 rgb(9,128,128)
```
#0b9392
```
#0b9392 rgb(11,147,146)
```
#0ca5a4
```
#0ca5a4 rgb(12,165,164)
```
#0db7b6
```
#0db7b6 rgb(13,183,182)
```
#0fcac8
```
#0fcac8 rgb(15,202,200)
```
#10dcdb
```
#10dcdb rgb(16,220,219)
```

Shade Color Variation

#12eeec
```
#12eeec rgb(18,238,236)
```
#24efee
```
#24efee rgb(36,239,238)
```
#36f0ef
```
#36f0ef rgb(54,240,239)
```
#49f2f1
```
#49f2f1 rgb(73,242,241)
```
#5bf3f2
```
#5bf3f2 rgb(91,243,242)
```
#6df4f4
```
#6df4f4 rgb(109,244,244)
```
#7ff6f5
```
#7ff6f5 rgb(127,246,245)
```
#92f7f6
```
#92f7f6 rgb(146,247,246)
```
#a4f8f8
```
#a4f8f8 rgb(164,248,248)
```
#b6faf9
```
#b6faf9 rgb(182,250,249)
```
#c9fbfb
```
#c9fbfb rgb(201,251,251)
```
#dbfcfc
```
#dbfcfc rgb(219,252,252)
```
#edfefe
```
#edfefe rgb(237,254,254)
```

Tint Color Variation

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

#575a5a
```
#575a5a rgb(87,90,90)
```
#506161
```
#506161 rgb(80,97,97)
```
#496868
```
#496868 rgb(73,104,104)
```
#426f6e
```
#426f6e rgb(66,111,110)
```
#3c7575
```
#3c7575 rgb(60,117,117)
```
#357c7c
```
#357c7c rgb(53,124,124)
```
#2e8382
```
#2e8382 rgb(46,131,130)
```
#278a89
```
#278a89 rgb(39,138,137)
```
#209190
```
#209190 rgb(32,145,144)
```
#1a9797
```
#1a9797 rgb(26,151,151)
```
#139e9d
```
#139e9d rgb(19,158,157)
```
#0ca5a4
```
#0ca5a4 rgb(12,165,164)
```
#05acab
```
#05acab rgb(5,172,171)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#628080 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a989f Protanopia 1% of men
#9c96af Deuteranopia 1% of men
#2ca7b4 Tritanopia 0.001% of the population

Trichromacy

#669da1 Protanomaly 1% of men, 0.01% of women
#689bab Deuteranomaly 6% of men, 0.4% of women
#20a6ae Tritanomaly 0.01% of the population