colorhexa.com

#0caec2 hex color

In a RGB color space, hex #0caec2 is composed of 4.7% red, 68.2% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 93.8% cyan, 10.3% magenta, 0% yellow and 23.9% black. It has a hue angle of 186.6 degrees, a saturation of 88.3% and a lightness of 40.4%. #0caec2 color hex could be obtained by blending #18ffff with #005d85. Closest websafe color is: #0099cc.

- R 5
- G 68
- B 76
RGB color chart
- C 94
- M 10
- Y 0
- K 24
CMYK color chart

● #0caec2 color description : Strong cyan.

The hexadecimal color #0caec2 has RGB values of R:12, G:174, B:194 and CMYK values of C:0.94, M:0.1, Y:0, K:0.24. Its decimal value is 831170.

Hex triplet	0caec2	`#0caec2`
RGB Decimal	12, 174, 194	`rgb(12,174,194)`
RGB Percent	4.7, 68.2, 76.1	`rgb(4.7%,68.2%,76.1%)`
CMYK	94, 10, 0, 24
HSL	186.6°, 88.3, 40.4	`hsl(186.6,88.3%,40.4%)`
HSV (or HSB)	186.6°, 93.8, 76.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.155, -29.35, -20.63
XYZ	25.022, 34.243, 56.327
xyY	0.216, 0.296, 34.243
CIE-LCH	65.155, 35.875, 215.102
CIE-LUV	65.155, -47.771, -27.806
Hunter-Lab	58.517, -26.077, -16.108
Binary	00001100, 10101110, 11000010

#0caec2
```
#0caec2 rgb(12,174,194)
```
#c2200c
```
#c2200c rgb(194,32,12)
```

Complementary Color

#0cc27b
```
#0cc27b rgb(12,194,123)
```
#0caec2
```
#0caec2 rgb(12,174,194)
```
#0c53c2
```
#0c53c2 rgb(12,83,194)
```

Analogous Color

#c27b0c
```
#c27b0c rgb(194,123,12)
```
#0caec2
```
#0caec2 rgb(12,174,194)
```
#c20c53
```
#c20c53 rgb(194,12,83)
```

Split Complementary Color

#aec20c
```
#aec20c rgb(174,194,12)
```
#0caec2
```
#0caec2 rgb(12,174,194)
```
#c20cae
```
#c20cae rgb(194,12,174)
```

Triadic Color

#0cc220
```
#0cc220 rgb(12,194,32)
```
#0caec2
```
#0caec2 rgb(12,174,194)
```
#c20cae
```
#c20cae rgb(194,12,174)
```
#c2200c
```
#c2200c rgb(194,32,12)
```

Tetradic Color

#086d7a
```
#086d7a rgb(8,109,122)
```
#098392
```
#098392 rgb(9,131,146)
```
#0b98aa
```
#0b98aa rgb(11,152,170)
```
#0caec2
```
#0caec2 rgb(12,174,194)
```
#0dc4da
```
#0dc4da rgb(13,196,218)
```
#11d8f0
```
#11d8f0 rgb(17,216,240)
```
#29dcf2
```
#29dcf2 rgb(41,220,242)
```

Monochromatic Color

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

#0cc2a9
```
#0cc2a9 rgb(12,194,169)
```
#0cc2b8
```
#0cc2b8 rgb(12,194,184)
```
#0cbdc2
```
#0cbdc2 rgb(12,189,194)
```
#0caec2
```
#0caec2 rgb(12,174,194)
```
#0c9fc2
```
#0c9fc2 rgb(12,159,194)
```
#0c90c2
```
#0c90c2 rgb(12,144,194)
```
#0c81c2
```
#0c81c2 rgb(12,129,194)
```

Similar Colors

Text with hexadecimal color #0caec2

This text has a font color of #0caec2.

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

#0caec2 background color

This paragraph has a background color of #0caec2.

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

#0caec2 border color

This element has a border color of #0caec2.

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

CSS codes

.text {color:#0caec2;}

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

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

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

#010809
```
#010809 rgb(1,8,9)
```
#02191c
```
#02191c rgb(2,25,28)
```
#03292e
```
#03292e rgb(3,41,46)
```
#043a41
```
#043a41 rgb(4,58,65)
```
#054b53
```
#054b53 rgb(5,75,83)
```
#065b66
```
#065b66 rgb(6,91,102)
```
#076c78
```
#076c78 rgb(7,108,120)
```
#097c8b
```
#097c8b rgb(9,124,139)
```
#0a8d9d
```
#0a8d9d rgb(10,141,157)
```
#0b9db0
```
#0b9db0 rgb(11,157,176)
```
#0caec2
```
#0caec2 rgb(12,174,194)
```
#0dbfd4
```
#0dbfd4 rgb(13,191,212)
```
#0ecfe7
```
#0ecfe7 rgb(14,207,231)
```

Shade Color Variation

#18d9f1
```
#18d9f1 rgb(24,217,241)
```
#2bdcf2
```
#2bdcf2 rgb(43,220,242)
```
#3ddff3
```
#3ddff3 rgb(61,223,243)
```
#50e2f4
```
#50e2f4 rgb(80,226,244)
```
#62e5f5
```
#62e5f5 rgb(98,229,245)
```
#74e8f6
```
#74e8f6 rgb(116,232,246)
```
#87ebf8
```
#87ebf8 rgb(135,235,248)
```
#99eef9
```
#99eef9 rgb(153,238,249)
```
#acf1fa
```
#acf1fa rgb(172,241,250)
```
#bef4fb
```
#bef4fb rgb(190,244,251)
```
#d1f7fc
```
#d1f7fc rgb(209,247,252)
```
#e3fafd
```
#e3fafd rgb(227,250,253)
```
#f6fdfe
```
#f6fdfe rgb(246,253,254)
```

Tint Color Variation

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

#636a6b
```
#636a6b rgb(99,106,107)
```
#5b7073
```
#5b7073 rgb(91,112,115)
```
#53767b
```
#53767b rgb(83,118,123)
```
#4b7d83
```
#4b7d83 rgb(75,125,131)
```
#43838b
```
#43838b rgb(67,131,139)
```
#3c8992
```
#3c8992 rgb(60,137,146)
```
#348f9a
```
#348f9a rgb(52,143,154)
```
#2c95a2
```
#2c95a2 rgb(44,149,162)
```
#249baa
```
#249baa rgb(36,155,170)
```
#1ca2b2
```
#1ca2b2 rgb(28,162,178)
```
#14a8ba
```
#14a8ba rgb(20,168,186)
```
#0caec2
```
#0caec2 rgb(12,174,194)
```
#04b4ca
```
#04b4ca rgb(4,180,202)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#69898d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9ea1bb Protanopia 1% of men
#9ba0cc Deuteranopia 1% of men
#00b2c0 Tritanopia 0.001% of the population

Trichromacy

#69a6bd Protanomaly 1% of men, 0.01% of women
#67a5c8 Deuteranomaly 6% of men, 0.4% of women
#04b1c0 Tritanomaly 0.01% of the population