#0caab3 hex color

In a RGB color space, hex #0caab3 is composed of 4.7% red, 66.7% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 93.3% cyan, 5% magenta, 0% yellow and 29.8% black. It has a hue angle of 183.2 degrees, a saturation of 87.4% and a lightness of 37.5%. #0caab3 color hex could be obtained by blending #18ffff with #005567. Closest websafe color is: #0099cc.

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

● #0caab3 color description : Strong cyan.

The hexadecimal color #0caab3 has RGB values of R:12, G:170, B:179 and CMYK values of C:0.93, M:0.05, Y:0, K:0.3. Its decimal value is 830131.

Hex triplet	0caab3	`#0caab3`
RGB Decimal	12, 170, 179	`rgb(12,170,179)`
RGB Percent	4.7, 66.7, 70.2	`rgb(4.7%,66.7%,70.2%)`
CMYK	93, 5, 0, 30
HSL	183.2°, 87.4, 37.5	`hsl(183.2,87.4%,37.5%)`
HSV (or HSB)	183.2°, 93.3, 70.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	63.409, -32.242, -14.925
XYZ	22.661, 32.08, 47.643
xyY	0.221, 0.313, 32.08
CIE-LCH	63.409, 35.529, 204.839
CIE-LUV	63.409, -47.561, -18.091
Hunter-Lab	56.639, -27.703, -10.225
Binary	00001100, 10101010, 10110011

#0caab3
```
#0caab3 rgb(12,170,179)
```
#b3150c
```
#b3150c rgb(179,21,12)
```

Complementary Color

#0cb369
```
#0cb369 rgb(12,179,105)
```
#0caab3
```
#0caab3 rgb(12,170,179)
```
#0c57b3
```
#0c57b3 rgb(12,87,179)
```

Analogous Color

#b3690c
```
#b3690c rgb(179,105,12)
```
#0caab3
```
#0caab3 rgb(12,170,179)
```
#b30c57
```
#b30c57 rgb(179,12,87)
```

Split Complementary Color

#aab30c
```
#aab30c rgb(170,179,12)
```
#0caab3
```
#0caab3 rgb(12,170,179)
```
#b30caa
```
#b30caa rgb(179,12,170)
```

Triadic Color

#0cb315
```
#0cb315 rgb(12,179,21)
```
#0caab3
```
#0caab3 rgb(12,170,179)
```
#b30caa
```
#b30caa rgb(179,12,170)
```
#b3150c
```
#b3150c rgb(179,21,12)
```

Tetradic Color

#07666b
```
#07666b rgb(7,102,107)
```
#097d83
```
#097d83 rgb(9,125,131)
```
#0a939b
```
#0a939b rgb(10,147,155)
```
#0caab3
```
#0caab3 rgb(12,170,179)
```
#0ec1cb
```
#0ec1cb rgb(14,193,203)
```
#0fd7e3
```
#0fd7e3 rgb(15,215,227)
```
#1ce4f0
```
#1ce4f0 rgb(28,228,240)
```

Monochromatic Color

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

#0cb392
```
#0cb392 rgb(12,179,146)
```
#0cb3a0
```
#0cb3a0 rgb(12,179,160)
```
#0cb3ae
```
#0cb3ae rgb(12,179,174)
```
#0caab3
```
#0caab3 rgb(12,170,179)
```
#0c9cb3
```
#0c9cb3 rgb(12,156,179)
```
#0c8eb3
```
#0c8eb3 rgb(12,142,179)
```
#0c80b3
```
#0c80b3 rgb(12,128,179)
```

Similar Colors

Text with hexadecimal color #0caab3

This text has a font color of #0caab3.

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

#0caab3 background color

This paragraph has a background color of #0caab3.

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

#0caab3 border color

This element has a border color of #0caab3.

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

CSS codes

.text {color:#0caab3;}

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

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

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, #010d0e is the darkest color, while #fafeff is the lightest one.

#010d0e
```
#010d0e rgb(1,13,14)
```
#021e20
```
#021e20 rgb(2,30,32)
```
#033032
```
#033032 rgb(3,48,50)
```
#054145
```
#054145 rgb(5,65,69)
```
#065357
```
#065357 rgb(6,83,87)
```
#076469
```
#076469 rgb(7,100,105)
```
#08767c
```
#08767c rgb(8,118,124)
```
#0a878e
```
#0a878e rgb(10,135,142)
```
#0b99a1
```
#0b99a1 rgb(11,153,161)
```
#0caab3
```
#0caab3 rgb(12,170,179)
```
#0dbbc5
```
#0dbbc5 rgb(13,187,197)
```
#0ecdd8
```
#0ecdd8 rgb(14,205,216)
```
#10deea
```
#10deea rgb(16,222,234)
```

Shade Color Variation

#1ee5f0
```
#1ee5f0 rgb(30,229,240)
```
#30e7f1
```
#30e7f1 rgb(48,231,241)
```
#42e9f2
```
#42e9f2 rgb(66,233,242)
```
#55ebf4
```
#55ebf4 rgb(85,235,244)
```
#67edf5
```
#67edf5 rgb(103,237,245)
```
#79eff6
```
#79eff6 rgb(121,239,246)
```
#8cf1f7
```
#8cf1f7 rgb(140,241,247)
```
#9ef4f9
```
#9ef4f9 rgb(158,244,249)
```
#b1f6fa
```
#b1f6fa rgb(177,246,250)
```
#c3f8fb
```
#c3f8fb rgb(195,248,251)
```
#d5fafc
```
#d5fafc rgb(213,250,252)
```
#e8fcfd
```
#e8fcfd rgb(232,252,253)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#5d6262
```
#5d6262 rgb(93,98,98)
```
#55686a
```
#55686a rgb(85,104,106)
```
#4e6f71
```
#4e6f71 rgb(78,111,113)
```
#477678
```
#477678 rgb(71,118,120)
```
#3f7c80
```
#3f7c80 rgb(63,124,128)
```
#388387
```
#388387 rgb(56,131,135)
```
#31898e
```
#31898e rgb(49,137,142)
```
#299096
```
#299096 rgb(41,144,150)
```
#22969d
```
#22969d rgb(34,150,157)
```
#1b9da4
```
#1b9da4 rgb(27,157,164)
```
#13a3ac
```
#13a3ac rgb(19,163,172)
```
#0caab3
```
#0caab3 rgb(12,170,179)
```
#05b1ba
```
#05b1ba rgb(5,177,186)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#668587 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d9dad Protanopia 1% of men
#9c9bbe Deuteranopia 1% of men
#21adba Tritanopia 0.001% of the population

Trichromacy

#68a2af Protanomaly 1% of men, 0.01% of women
#68a0ba Deuteranomaly 6% of men, 0.4% of women
#19acb7 Tritanomaly 0.01% of the population

#0caab3 hex color

#0caab3 Color Information

#0caab3 Color Conversion

Color Schemes with #0caab3

Alternatives to #0caab3

#0caab3 Preview

Shades and Tints of #0caab3

Tones of #0caab3

Color Blindness Simulator