#0caec3 hex color

In a RGB color space, hex #0caec3 is composed of 4.7% red, 68.2% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 93.8% cyan, 10.8% magenta, 0% yellow and 23.5% black. It has a hue angle of 186.9 degrees, a saturation of 88.4% and a lightness of 40.6%. #0caec3 color hex could be obtained by blending #18ffff with #005d87. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 5
- G 68
- B 76
RGB color chart
- C 94
- M 11
- Y 0
- K 24
CMYK color chart

● #0caec3 color description : Strong cyan.

The hexadecimal color #0caec3 has RGB values of R:12, G:174, B:195 and CMYK values of C:0.94, M:0.11, Y:0, K:0.24. Its decimal value is 831171.

Hex triplet	0caec3	`#0caec3`
RGB Decimal	12, 174, 195	`rgb(12,174,195)`
RGB Percent	4.7, 68.2, 76.5	`rgb(4.7%,68.2%,76.5%)`
CMYK	94, 11, 0, 24
HSL	186.9°, 88.4, 40.6	`hsl(186.9,88.4%,40.6%)`
HSV (or HSB)	186.9°, 93.8, 76.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.19, -29.023, -21.13
XYZ	25.135, 34.288, 56.92
xyY	0.216, 0.295, 34.288
CIE-LCH	65.19, 35.9, 216.056
CIE-LUV	65.19, -47.692, -28.672
Hunter-Lab	58.556, -25.851, -16.645
Binary	00001100, 10101110, 11000011

#0caec3
```
#0caec3 rgb(12,174,195)
```
#c3210c
```
#c3210c rgb(195,33,12)
```

Complementary Color

#0cc37d
```
#0cc37d rgb(12,195,125)
```
#0caec3
```
#0caec3 rgb(12,174,195)
```
#0c52c3
```
#0c52c3 rgb(12,82,195)
```

Analogous Color

#c37d0c
```
#c37d0c rgb(195,125,12)
```
#0caec3
```
#0caec3 rgb(12,174,195)
```
#c30c52
```
#c30c52 rgb(195,12,82)
```

Split Complementary Color

#aec30c
```
#aec30c rgb(174,195,12)
```
#0caec3
```
#0caec3 rgb(12,174,195)
```
#c30cae
```
#c30cae rgb(195,12,174)
```

Triadic Color

#0cc321
```
#0cc321 rgb(12,195,33)
```
#0caec3
```
#0caec3 rgb(12,174,195)
```
#c30cae
```
#c30cae rgb(195,12,174)
```
#c3210c
```
#c3210c rgb(195,33,12)
```

Tetradic Color

#086e7b
```
#086e7b rgb(8,110,123)
```
#098393
```
#098393 rgb(9,131,147)
```
#0b99ab
```
#0b99ab rgb(11,153,171)
```
#0caec3
```
#0caec3 rgb(12,174,195)
```
#0dc3db
```
#0dc3db rgb(13,195,219)
```
#12d7f0
```
#12d7f0 rgb(18,215,240)
```
#2adbf2
```
#2adbf2 rgb(42,219,242)
```

Monochromatic Color

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

#0cc3aa
```
#0cc3aa rgb(12,195,170)
```
#0cc3ba
```
#0cc3ba rgb(12,195,186)
```
#0cbdc3
```
#0cbdc3 rgb(12,189,195)
```
#0caec3
```
#0caec3 rgb(12,174,195)
```
#0c9fc3
```
#0c9fc3 rgb(12,159,195)
```
#0c90c3
```
#0c90c3 rgb(12,144,195)
```
#0c80c3
```
#0c80c3 rgb(12,128,195)
```

Similar Colors

Text with hexadecimal color #0caec3

This text has a font color of #0caec3.

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

#0caec3 background color

This paragraph has a background color of #0caec3.

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

#0caec3 border color

This element has a border color of #0caec3.

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

CSS codes

.text {color:#0caec3;}

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

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

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, #01090a is the darkest color, while #f7fefe is the lightest one.

#01090a
```
#01090a rgb(1,9,10)
```
#021a1d
```
#021a1d rgb(2,26,29)
```
#032a2f
```
#032a2f rgb(3,42,47)
```
#043b42
```
#043b42 rgb(4,59,66)
```
#054b54
```
#054b54 rgb(5,75,84)
```
#065c67
```
#065c67 rgb(6,92,103)
```
#076c79
```
#076c79 rgb(7,108,121)
```
#097d8c
```
#097d8c rgb(9,125,140)
```
#0a8d9e
```
#0a8d9e rgb(10,141,158)
```
#0b9eb1
```
#0b9eb1 rgb(11,158,177)
```
#0caec3
```
#0caec3 rgb(12,174,195)
```
#0dbed5
```
#0dbed5 rgb(13,190,213)
```
#0ecfe8
```
#0ecfe8 rgb(14,207,232)
```

Shade Color Variation

#19d8f1
```
#19d8f1 rgb(25,216,241)
```
#2bdbf2
```
#2bdbf2 rgb(43,219,242)
```
#3edef3
```
#3edef3 rgb(62,222,243)
```
#50e1f4
```
#50e1f4 rgb(80,225,244)
```
#63e5f5
```
#63e5f5 rgb(99,229,245)
```
#75e8f7
```
#75e8f7 rgb(117,232,247)
```
#88ebf8
```
#88ebf8 rgb(136,235,248)
```
#9aeef9
```
#9aeef9 rgb(154,238,249)
```
#adf1fa
```
#adf1fa rgb(173,241,250)
```
#bff4fb
```
#bff4fb rgb(191,244,251)
```
#d2f7fc
```
#d2f7fc rgb(210,247,252)
```
#e4fafd
```
#e4fafd rgb(228,250,253)
```
#f7fefe
```
#f7fefe rgb(247,254,254)
```

Tint Color Variation

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

#646b6b
```
#646b6b rgb(100,107,107)
```
#5c7173
```
#5c7173 rgb(92,113,115)
```
#54777b
```
#54777b rgb(84,119,123)
```
#4c7d83
```
#4c7d83 rgb(76,125,131)
```
#44838b
```
#44838b rgb(68,131,139)
```
#3c8993
```
#3c8993 rgb(60,137,147)
```
#348f9b
```
#348f9b rgb(52,143,155)
```
#2c95a3
```
#2c95a3 rgb(44,149,163)
```
#249cab
```
#249cab rgb(36,156,171)
```
#1ca2b3
```
#1ca2b3 rgb(28,162,179)
```
#14a8bb
```
#14a8bb rgb(20,168,187)
```
#0caec3
```
#0caec3 rgb(12,174,195)
```
#04b4cb
```
#04b4cb rgb(4,180,203)
```

Tone Color Variation

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

#9da1bc Protanopia 1% of men
#9ba0cc Deuteranopia 1% of men
#00b3c0 Tritanopia 0.001% of the population

Trichromacy

#68a6be Protanomaly 1% of men, 0.01% of women
#67a5c9 Deuteranomaly 6% of men, 0.4% of women
#04b1c1 Tritanomaly 0.01% of the population

#0caec3 hex color

#0caec3 Color Information

#0caec3 Color Conversion

Color Schemes with #0caec3

Alternatives to #0caec3

#0caec3 Preview

Shades and Tints of #0caec3

Tones of #0caec3

Color Blindness Simulator