#0ca3ae hex color

In a RGB color space, hex #0ca3ae is composed of 4.7% red, 63.9% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 93.1% cyan, 6.3% magenta, 0% yellow and 31.8% black. It has a hue angle of 184.1 degrees, a saturation of 87.1% and a lightness of 36.5%. #0ca3ae color hex could be obtained by blending #18ffff with #00475d. Closest websafe color is: #009999.

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

● #0ca3ae color description : Dark cyan.

The hexadecimal color #0ca3ae has RGB values of R:12, G:163, B:174 and CMYK values of C:0.93, M:0.06, Y:0, K:0.32. Its decimal value is 828334.

Hex triplet	0ca3ae	`#0ca3ae`
RGB Decimal	12, 163, 174	`rgb(12,163,174)`
RGB Percent	4.7, 63.9, 68.2	`rgb(4.7%,63.9%,68.2%)`
CMYK	93, 6, 0, 32
HSL	184.1°, 87.1, 36.5	`hsl(184.1,87.1%,36.5%)`
HSV (or HSB)	184.1°, 93.1, 68.2
Web Safe	009999	`#009999`

CIE-LAB	61.069, -30.467, -15.658
XYZ	20.887, 29.326, 44.602
xyY	0.22, 0.309, 29.326
CIE-LCH	61.069, 34.254, 207.2
CIE-LUV	61.069, -45.513, -19.4
Hunter-Lab	54.154, -25.924, -10.924
Binary	00001100, 10100011, 10101110

#0ca3ae
```
#0ca3ae rgb(12,163,174)
```
#ae170c
```
#ae170c rgb(174,23,12)
```

Complementary Color

#0cae68
```
#0cae68 rgb(12,174,104)
```
#0ca3ae
```
#0ca3ae rgb(12,163,174)
```
#0c52ae
```
#0c52ae rgb(12,82,174)
```

Analogous Color

#ae680c
```
#ae680c rgb(174,104,12)
```
#0ca3ae
```
#0ca3ae rgb(12,163,174)
```
#ae0c52
```
#ae0c52 rgb(174,12,82)
```

Split Complementary Color

#a3ae0c
```
#a3ae0c rgb(163,174,12)
```
#0ca3ae
```
#0ca3ae rgb(12,163,174)
```
#ae0ca3
```
#ae0ca3 rgb(174,12,163)
```

Triadic Color

#0cae17
```
#0cae17 rgb(12,174,23)
```
#0ca3ae
```
#0ca3ae rgb(12,163,174)
```
#ae0ca3
```
#ae0ca3 rgb(174,12,163)
```
#ae170c
```
#ae170c rgb(174,23,12)
```

Tetradic Color

#076066
```
#076066 rgb(7,96,102)
```
#09767e
```
#09767e rgb(9,118,126)
```
#0a8d96
```
#0a8d96 rgb(10,141,150)
```
#0ca3ae
```
#0ca3ae rgb(12,163,174)
```
#0eb9c6
```
#0eb9c6 rgb(14,185,198)
```
#0fd0de
```
#0fd0de rgb(15,208,222)
```
#17e0ef
```
#17e0ef rgb(23,224,239)
```

Monochromatic Color

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

#0cae91
```
#0cae91 rgb(12,174,145)
```
#0cae9e
```
#0cae9e rgb(12,174,158)
```
#0caeac
```
#0caeac rgb(12,174,172)
```
#0ca3ae
```
#0ca3ae rgb(12,163,174)
```
#0c96ae
```
#0c96ae rgb(12,150,174)
```
#0c88ae
```
#0c88ae rgb(12,136,174)
```
#0c7bae
```
#0c7bae rgb(12,123,174)
```

Similar Colors

Text with hexadecimal color #0ca3ae

This text has a font color of #0ca3ae.

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

#0ca3ae background color

This paragraph has a background color of #0ca3ae.

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

#0ca3ae border color

This element has a border color of #0ca3ae.

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

CSS codes

.text {color:#0ca3ae;}

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

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

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

#010809
```
#010809 rgb(1,8,9)
```
#02191b
```
#02191b rgb(2,25,27)
```
#032b2e
```
#032b2e rgb(3,43,46)
```
#043c40
```
#043c40 rgb(4,60,64)
```
#064d52
```
#064d52 rgb(6,77,82)
```
#075e65
```
#075e65 rgb(7,94,101)
```
#086f77
```
#086f77 rgb(8,111,119)
```
#098189
```
#098189 rgb(9,129,137)
```
#0b929c
```
#0b929c rgb(11,146,156)
```
#0ca3ae
```
#0ca3ae rgb(12,163,174)
```
#0db4c0
```
#0db4c0 rgb(13,180,192)
```
#0fc5d3
```
#0fc5d3 rgb(15,197,211)
```
#10d7e5
```
#10d7e5 rgb(16,215,229)
```

Shade Color Variation

#19e1ef
```
#19e1ef rgb(25,225,239)
```
#2ce3f0
```
#2ce3f0 rgb(44,227,240)
```
#3ee5f2
```
#3ee5f2 rgb(62,229,242)
```
#50e8f3
```
#50e8f3 rgb(80,232,243)
```
#63eaf4
```
#63eaf4 rgb(99,234,244)
```
#75edf5
```
#75edf5 rgb(117,237,245)
```
#87eff7
```
#87eff7 rgb(135,239,247)
```
#9af2f8
```
#9af2f8 rgb(154,242,248)
```
#acf4f9
```
#acf4f9 rgb(172,244,249)
```
#bef6fb
```
#bef6fb rgb(190,246,251)
```
#d1f9fc
```
#d1f9fc rgb(209,249,252)
```
#e3fbfd
```
#e3fbfd rgb(227,251,253)
```
#f6fefe
```
#f6fefe rgb(246,254,254)
```

Tint Color Variation

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

#5b5f5f
```
#5b5f5f rgb(91,95,95)
```
#546566
```
#546566 rgb(84,101,102)
```
#4c6b6e
```
#4c6b6e rgb(76,107,110)
```
#457275
```
#457275 rgb(69,114,117)
```
#3e787c
```
#3e787c rgb(62,120,124)
```
#377e83
```
#377e83 rgb(55,126,131)
```
#30848a
```
#30848a rgb(48,132,138)
```
#298a91
```
#298a91 rgb(41,138,145)
```
#219099
```
#219099 rgb(33,144,153)
```
#1a97a0
```
#1a97a0 rgb(26,151,160)
```
#139da7
```
#139da7 rgb(19,157,167)
```
#0ca3ae
```
#0ca3ae rgb(12,163,174)
```
#05a9b5
```
#05a9b5 rgb(5,169,181)
```

Tone Color Variation

Below, you can see how #0ca3ae 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
#628082 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9697a8 Protanopia 1% of men
#9696b8 Deuteranopia 1% of men
#1ca7b3 Tritanopia 0.001% of the population

Trichromacy

#649baa Protanomaly 1% of men, 0.01% of women
#639ab4 Deuteranomaly 6% of men, 0.4% of women
#16a5b1 Tritanomaly 0.01% of the population

#0ca3ae hex color

#0ca3ae Color Information

#0ca3ae Color Conversion

Color Schemes with #0ca3ae

Alternatives to #0ca3ae

#0ca3ae Preview

Shades and Tints of #0ca3ae

Tones of #0ca3ae

Color Blindness Simulator