#0ca3a4 hex color

In a RGB color space, hex #0ca3a4 is composed of 4.7% red, 63.9% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 92.7% cyan, 0.6% magenta, 0% yellow and 35.7% black. It has a hue angle of 180.4 degrees, a saturation of 86.4% and a lightness of 34.5%. #0ca3a4 color hex could be obtained by blending #18ffff with #004749. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 5
- G 64
- B 64
RGB color chart
- C 93
- M 1
- Y 0
- K 36
CMYK color chart

● #0ca3a4 color description : Dark cyan.

The hexadecimal color #0ca3a4 has RGB values of R:12, G:163, B:164 and CMYK values of C:0.93, M:0.01, Y:0, K:0.36. Its decimal value is 828324.

Hex triplet	0ca3a4	`#0ca3a4`
RGB Decimal	12, 163, 164	`rgb(12,163,164)`
RGB Percent	4.7, 63.9, 64.3	`rgb(4.7%,63.9%,64.3%)`
CMYK	93, 1, 0, 36
HSL	180.4°, 86.4, 34.5	`hsl(180.4,86.4%,34.5%)`
HSV (or HSB)	180.4°, 92.7, 64.3
Web Safe	009999	`#009999`

CIE-LAB	60.738, -33.633, -10.521
XYZ	19.948, 28.951, 39.657
xyY	0.225, 0.327, 28.951
CIE-LCH	60.738, 35.24, 197.371
CIE-LUV	60.738, -46.297, -10.86
Hunter-Lab	53.806, -27.985, -6.034
Binary	00001100, 10100011, 10100100

#0ca3a4
```
#0ca3a4 rgb(12,163,164)
```
#a40d0c
```
#a40d0c rgb(164,13,12)
```

Complementary Color

#0ca459
```
#0ca459 rgb(12,164,89)
```
#0ca3a4
```
#0ca3a4 rgb(12,163,164)
```
#0c57a4
```
#0c57a4 rgb(12,87,164)
```

Analogous Color

#a4590c
```
#a4590c rgb(164,89,12)
```
#0ca3a4
```
#0ca3a4 rgb(12,163,164)
```
#a40c57
```
#a40c57 rgb(164,12,87)
```

Split Complementary Color

#a3a40c
```
#a3a40c rgb(163,164,12)
```
#0ca3a4
```
#0ca3a4 rgb(12,163,164)
```
#a40ca3
```
#a40ca3 rgb(164,12,163)
```

Triadic Color

#0ca40d
```
#0ca40d rgb(12,164,13)
```
#0ca3a4
```
#0ca3a4 rgb(12,163,164)
```
#a40ca3
```
#a40ca3 rgb(164,12,163)
```
#a40d0c
```
#a40d0c rgb(164,13,12)
```

Tetradic Color

#075c5d
```
#075c5d rgb(7,92,93)
```
#097474
```
#097474 rgb(9,116,116)
```
#0a8b8c
```
#0a8b8c rgb(10,139,140)
```
#0ca3a4
```
#0ca3a4 rgb(12,163,164)
```
#0ebbbc
```
#0ebbbc rgb(14,187,188)
```
#0fd2d4
```
#0fd2d4 rgb(15,210,212)
```
#11eaeb
```
#11eaeb rgb(17,234,235)
```

Monochromatic Color

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

#0ca47f
```
#0ca47f rgb(12,164,127)
```
#0ca48c
```
#0ca48c rgb(12,164,140)
```
#0ca498
```
#0ca498 rgb(12,164,152)
```
#0ca3a4
```
#0ca3a4 rgb(12,163,164)
```
#0c96a4
```
#0c96a4 rgb(12,150,164)
```
#0c8aa4
```
#0c8aa4 rgb(12,138,164)
```
#0c7da4
```
#0c7da4 rgb(12,125,164)
```

Similar Colors

Text with hexadecimal color #0ca3a4

This text has a font color of #0ca3a4.

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

#0ca3a4 background color

This paragraph has a background color of #0ca3a4.

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

#0ca3a4 border color

This element has a border color of #0ca3a4.

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

CSS codes

.text {color:#0ca3a4;}

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

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

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

#011212
```
#011212 rgb(1,18,18)
```
#032424
```
#032424 rgb(3,36,36)
```
#043636
```
#043636 rgb(4,54,54)
```
#054849
```
#054849 rgb(5,72,73)
```
#075a5b
```
#075a5b rgb(7,90,91)
```
#086d6d
```
#086d6d rgb(8,109,109)
```
#097f7f
```
#097f7f rgb(9,127,127)
```
#0b9192
```
#0b9192 rgb(11,145,146)
```
#0ca3a4
```
#0ca3a4 rgb(12,163,164)
```
#0db5b6
```
#0db5b6 rgb(13,181,182)
```
#0fc7c9
```
#0fc7c9 rgb(15,199,201)
```
#10d9db
```
#10d9db rgb(16,217,219)
```
#11eced
```
#11eced rgb(17,236,237)
```

Shade Color Variation

#23eeef
```
#23eeef rgb(35,238,239)
```
#35eff0
```
#35eff0 rgb(53,239,240)
```
#48f0f2
```
#48f0f2 rgb(72,240,242)
```
#5af2f3
```
#5af2f3 rgb(90,242,243)
```
#6cf3f4
```
#6cf3f4 rgb(108,243,244)
```
#7ff5f6
```
#7ff5f6 rgb(127,245,246)
```
#91f6f7
```
#91f6f7 rgb(145,246,247)
```
#a3f8f8
```
#a3f8f8 rgb(163,248,248)
```
#b5f9fa
```
#b5f9fa rgb(181,249,250)
```
#c8fbfb
```
#c8fbfb rgb(200,251,251)
```
#dafcfc
```
#dafcfc rgb(218,252,252)
```
#ecfefe
```
#ecfefe rgb(236,254,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#565a5a
```
#565a5a rgb(86,90,90)
```
#506060
```
#506060 rgb(80,96,96)
```
#496767
```
#496767 rgb(73,103,103)
```
#426e6e
```
#426e6e rgb(66,110,110)
```
#3b7475
```
#3b7475 rgb(59,116,117)
```
#357b7b
```
#357b7b rgb(53,123,123)
```
#2e8282
```
#2e8282 rgb(46,130,130)
```
#278889
```
#278889 rgb(39,136,137)
```
#208f90
```
#208f90 rgb(32,143,144)
```
#1a9696
```
#1a9696 rgb(26,150,150)
```
#139c9d
```
#139c9d rgb(19,156,157)
```
#0ca3a4
```
#0ca3a4 rgb(12,163,164)
```
#05aaab
```
#05aaab rgb(5,170,171)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#617f7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#98979f Protanopia 1% of men
#9a94af Deuteranopia 1% of men
#29a6b2 Tritanopia 0.001% of the population

Trichromacy

#659ba1 Protanomaly 1% of men, 0.01% of women
#6699ab Deuteranomaly 6% of men, 0.4% of women
#1ea5ad Tritanomaly 0.01% of the population

#0ca3a4 hex color

#0ca3a4 Color Information

#0ca3a4 Color Conversion

Color Schemes with #0ca3a4

Alternatives to #0ca3a4

#0ca3a4 Preview

Shades and Tints of #0ca3a4

Tones of #0ca3a4

Color Blindness Simulator