#0ca2bb hex color

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

♥
- f
- t
- g
- R 5
- G 64
- B 73
RGB color chart
- C 94
- M 13
- Y 0
- K 27
CMYK color chart

● #0ca2bb color description : Strong cyan.

The hexadecimal color #0ca2bb has RGB values of R:12, G:162, B:187 and CMYK values of C:0.94, M:0.13, Y:0, K:0.27. Its decimal value is 828091.

Hex triplet	0ca2bb	`#0ca2bb`
RGB Decimal	12, 162, 187	`rgb(12,162,187)`
RGB Percent	4.7, 63.5, 73.3	`rgb(4.7%,63.5%,73.3%)`
CMYK	94, 13, 0, 27
HSL	188.6°, 87.9, 39	`hsl(188.6,87.9%,39%)`
HSV (or HSB)	188.6°, 93.6, 73.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	61.224, -25.687, -22.727
XYZ	22.039, 29.504, 51.544
xyY	0.214, 0.286, 29.504
CIE-LCH	61.224, 34.298, 221.502
CIE-LUV	61.224, -44.156, -31.454
Hunter-Lab	54.318, -22.632, -18.24
Binary	00001100, 10100010, 10111011

#0ca2bb
```
#0ca2bb rgb(12,162,187)
```
#bb250c
```
#bb250c rgb(187,37,12)
```

Complementary Color

#0cbb7d
```
#0cbb7d rgb(12,187,125)
```
#0ca2bb
```
#0ca2bb rgb(12,162,187)
```
#0c4abb
```
#0c4abb rgb(12,74,187)
```

Analogous Color

#bb7d0c
```
#bb7d0c rgb(187,125,12)
```
#0ca2bb
```
#0ca2bb rgb(12,162,187)
```
#bb0c4b
```
#bb0c4b rgb(187,12,75)
```

Split Complementary Color

#a2bb0c
```
#a2bb0c rgb(162,187,12)
```
#0ca2bb
```
#0ca2bb rgb(12,162,187)
```
#bb0ca2
```
#bb0ca2 rgb(187,12,162)
```

Triadic Color

#0cbb25
```
#0cbb25 rgb(12,187,37)
```
#0ca2bb
```
#0ca2bb rgb(12,162,187)
```
#bb0ca2
```
#bb0ca2 rgb(187,12,162)
```
#bb250c
```
#bb250c rgb(187,37,12)
```

Tetradic Color

#076473
```
#076473 rgb(7,100,115)
```
#09788b
```
#09788b rgb(9,120,139)
```
#0a8da3
```
#0a8da3 rgb(10,141,163)
```
#0ca2bb
```
#0ca2bb rgb(12,162,187)
```
#0eb7d3
```
#0eb7d3 rgb(14,183,211)
```
#0fcceb
```
#0fcceb rgb(15,204,235)
```
#23d3f1
```
#23d3f1 rgb(35,211,241)
```

Monochromatic Color

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

#0cbba8
```
#0cbba8 rgb(12,187,168)
```
#0cbbb7
```
#0cbbb7 rgb(12,187,183)
```
#0cb1bb
```
#0cb1bb rgb(12,177,187)
```
#0ca2bb
```
#0ca2bb rgb(12,162,187)
```
#0c93bb
```
#0c93bb rgb(12,147,187)
```
#0c85bb
```
#0c85bb rgb(12,133,187)
```
#0c76bb
```
#0c76bb rgb(12,118,187)
```

Similar Colors

Text with hexadecimal color #0ca2bb

This text has a font color of #0ca2bb.

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

#0ca2bb background color

This paragraph has a background color of #0ca2bb.

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

#0ca2bb border color

This element has a border color of #0ca2bb.

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

CSS codes

.text {color:#0ca2bb;}

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

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

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 #effcfe is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#011215
```
#011215 rgb(1,18,21)
```
#032228
```
#032228 rgb(3,34,40)
```
#04323a
```
#04323a rgb(4,50,58)
```
#05424c
```
#05424c rgb(5,66,76)
```
#06525f
```
#06525f rgb(6,82,95)
```
#076271
```
#076271 rgb(7,98,113)
```
#087284
```
#087284 rgb(8,114,132)
```
#0a8296
```
#0a8296 rgb(10,130,150)
```
#0b92a9
```
#0b92a9 rgb(11,146,169)
```
#0ca2bb
```
#0ca2bb rgb(12,162,187)
```
#0db2cd
```
#0db2cd rgb(13,178,205)
```
#0ec2e0
```
#0ec2e0 rgb(14,194,224)
```

Shade Color Variation

#12d0f0
```
#12d0f0 rgb(18,208,240)
```
#24d4f1
```
#24d4f1 rgb(36,212,241)
```
#37d7f2
```
#37d7f2 rgb(55,215,242)
```
#49dbf3
```
#49dbf3 rgb(73,219,243)
```
#5cdff5
```
#5cdff5 rgb(92,223,245)
```
#6ee2f6
```
#6ee2f6 rgb(110,226,246)
```
#81e6f7
```
#81e6f7 rgb(129,230,247)
```
#93eaf8
```
#93eaf8 rgb(147,234,248)
```
#a6edf9
```
#a6edf9 rgb(166,237,249)
```
#b8f1fa
```
#b8f1fa rgb(184,241,250)
```
#caf5fc
```
#caf5fc rgb(202,245,252)
```
#ddf8fd
```
#ddf8fd rgb(221,248,253)
```
#effcfe
```
#effcfe rgb(239,252,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 #04a7c3 is the most saturated one.

#606667
```
#606667 rgb(96,102,103)
```
#596b6e
```
#596b6e rgb(89,107,110)
```
#517176
```
#517176 rgb(81,113,118)
```
#49767e
```
#49767e rgb(73,118,126)
```
#427c85
```
#427c85 rgb(66,124,133)
```
#3a818d
```
#3a818d rgb(58,129,141)
```
#328795
```
#328795 rgb(50,135,149)
```
#2b8c9c
```
#2b8c9c rgb(43,140,156)
```
#2392a4
```
#2392a4 rgb(35,146,164)
```
#1b97ac
```
#1b97ac rgb(27,151,172)
```
#149db3
```
#149db3 rgb(20,157,179)
```
#0ca2bb
```
#0ca2bb rgb(12,162,187)
```
#04a7c3
```
#04a7c3 rgb(4,167,195)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#628085 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9298b5 Protanopia 1% of men
#8e97c4 Deuteranopia 1% of men
#00a8b4 Tritanopia 0.001% of the population

Trichromacy

#619bb7 Protanomaly 1% of men, 0.01% of women
#5f9bc1 Deuteranomaly 6% of men, 0.4% of women
#04a5b6 Tritanomaly 0.01% of the population

#0ca2bb hex color

#0ca2bb Color Information

#0ca2bb Color Conversion

Color Schemes with #0ca2bb

Alternatives to #0ca2bb

#0ca2bb Preview

Shades and Tints of #0ca2bb

Tones of #0ca2bb

Color Blindness Simulator