colorhexa.com

#0caabb hex color

In a RGB color space, hex #0caabb is composed of 4.7% red, 66.7% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 93.6% cyan, 9.1% magenta, 0% yellow and 26.7% black. It has a hue angle of 185.8 degrees, a saturation of 87.9% and a lightness of 39%. #0caabb color hex could be obtained by blending #18ffff with #005577. Closest websafe color is: #0099cc.

- R 5
- G 67
- B 73
RGB color chart
- C 94
- M 9
- Y 0
- K 27
CMYK color chart

● #0caabb color description : Strong cyan.

The hexadecimal color #0caabb has RGB values of R:12, G:170, B:187 and CMYK values of C:0.94, M:0.09, Y:0, K:0.27. Its decimal value is 830139.

Hex triplet	0caabb	`#0caabb`
RGB Decimal	12, 170, 187	`rgb(12,170,187)`
RGB Percent	4.7, 66.7, 73.3	`rgb(4.7%,66.7%,73.3%)`
CMYK	94, 9, 0, 27
HSL	185.8°, 87.9, 39	`hsl(185.8,87.9%,39%)`
HSV (or HSB)	185.8°, 93.6, 73.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	63.683, -29.671, -18.976
XYZ	23.493, 32.413, 52.029
xyY	0.218, 0.3, 32.413
CIE-LCH	63.683, 35.22, 212.601
CIE-LUV	63.683, -46.933, -24.981
Hunter-Lab	56.932, -25.973, -14.331
Binary	00001100, 10101010, 10111011

#0caabb
```
#0caabb rgb(12,170,187)
```
#bb1d0c
```
#bb1d0c rgb(187,29,12)
```

Complementary Color

#0cbb75
```
#0cbb75 rgb(12,187,117)
```
#0caabb
```
#0caabb rgb(12,170,187)
```
#0c53bb
```
#0c53bb rgb(12,83,187)
```

Analogous Color

#bb750c
```
#bb750c rgb(187,117,12)
```
#0caabb
```
#0caabb rgb(12,170,187)
```
#bb0c53
```
#bb0c53 rgb(187,12,83)
```

Split Complementary Color

#aabb0c
```
#aabb0c rgb(170,187,12)
```
#0caabb
```
#0caabb rgb(12,170,187)
```
#bb0caa
```
#bb0caa rgb(187,12,170)
```

Triadic Color

#0cbb1d
```
#0cbb1d rgb(12,187,29)
```
#0caabb
```
#0caabb rgb(12,170,187)
```
#bb0caa
```
#bb0caa rgb(187,12,170)
```
#bb1d0c
```
#bb1d0c rgb(187,29,12)
```

Tetradic Color

#076973
```
#076973 rgb(7,105,115)
```
#097e8b
```
#097e8b rgb(9,126,139)
```
#0a94a3
```
#0a94a3 rgb(10,148,163)
```
#0caabb
```
#0caabb rgb(12,170,187)
```
#0ec0d3
```
#0ec0d3 rgb(14,192,211)
```
#0fd6eb
```
#0fd6eb rgb(15,214,235)
```
#23ddf1
```
#23ddf1 rgb(35,221,241)
```

Monochromatic Color

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

#0cbba0
```
#0cbba0 rgb(12,187,160)
```
#0cbbaf
```
#0cbbaf rgb(12,187,175)
```
#0cb9bb
```
#0cb9bb rgb(12,185,187)
```
#0caabb
```
#0caabb rgb(12,170,187)
```
#0c9bbb
```
#0c9bbb rgb(12,155,187)
```
#0c8dbb
```
#0c8dbb rgb(12,141,187)
```
#0c7ebb
```
#0c7ebb rgb(12,126,187)
```

Similar Colors

Text with hexadecimal color #0caabb

This text has a font color of #0caabb.

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

#0caabb background color

This paragraph has a background color of #0caabb.

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

#0caabb border color

This element has a border color of #0caabb.

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

CSS codes

.text {color:#0caabb;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#011315
```
#011315 rgb(1,19,21)
```
#032428
```
#032428 rgb(3,36,40)
```
#04353a
```
#04353a rgb(4,53,58)
```
#05454c
```
#05454c rgb(5,69,76)
```
#06565f
```
#06565f rgb(6,86,95)
```
#076771
```
#076771 rgb(7,103,113)
```
#087884
```
#087884 rgb(8,120,132)
```
#0a8896
```
#0a8896 rgb(10,136,150)
```
#0b99a9
```
#0b99a9 rgb(11,153,169)
```
#0caabb
```
#0caabb rgb(12,170,187)
```
#0dbbcd
```
#0dbbcd rgb(13,187,205)
```
#0ecce0
```
#0ecce0 rgb(14,204,224)
```

Shade Color Variation

#12daf0
```
#12daf0 rgb(18,218,240)
```
#24ddf1
```
#24ddf1 rgb(36,221,241)
```
#37e0f2
```
#37e0f2 rgb(55,224,242)
```
#49e3f3
```
#49e3f3 rgb(73,227,243)
```
#5ce6f5
```
#5ce6f5 rgb(92,230,245)
```
#6ee9f6
```
#6ee9f6 rgb(110,233,246)
```
#81ebf7
```
#81ebf7 rgb(129,235,247)
```
#93eef8
```
#93eef8 rgb(147,238,248)
```
#a6f1f9
```
#a6f1f9 rgb(166,241,249)
```
#b8f4fa
```
#b8f4fa rgb(184,244,250)
```
#caf7fc
```
#caf7fc rgb(202,247,252)
```
#ddfafd
```
#ddfafd rgb(221,250,253)
```
#effdfe
```
#effdfe rgb(239,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #606667 is the less saturated color, while #04b0c3 is the most saturated one.

#606667
```
#606667 rgb(96,102,103)
```
#596c6e
```
#596c6e rgb(89,108,110)
```
#517276
```
#517276 rgb(81,114,118)
```
#49797e
```
#49797e rgb(73,121,126)
```
#427f85
```
#427f85 rgb(66,127,133)
```
#3a858d
```
#3a858d rgb(58,133,141)
```
#328b95
```
#328b95 rgb(50,139,149)
```
#2b919c
```
#2b919c rgb(43,145,156)
```
#2397a4
```
#2397a4 rgb(35,151,164)
```
#1b9eac
```
#1b9eac rgb(27,158,172)
```
#14a4b3
```
#14a4b3 rgb(20,164,179)
```
#0caabb
```
#0caabb rgb(12,170,187)
```
#04b0c3
```
#04b0c3 rgb(4,176,195)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#668689 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9eb4 Protanopia 1% of men
#999cc5 Deuteranopia 1% of men
#0baebb Tritanopia 0.001% of the population

Trichromacy

#67a2b7 Protanomaly 1% of men, 0.01% of women
#65a1c1 Deuteranomaly 6% of men, 0.4% of women
#0badbb Tritanomaly 0.01% of the population