#0caee9 hex color

In a RGB color space, hex #0caee9 is composed of 4.7% red, 68.2% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 94.8% cyan, 25.3% magenta, 0% yellow and 8.6% black. It has a hue angle of 196 degrees, a saturation of 90.2% and a lightness of 48%. #0caee9 color hex could be obtained by blending #18ffff with #005dd3. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 5
- G 68
- B 91
RGB color chart
- C 95
- M 25
- Y 0
- K 9
CMYK color chart

● #0caee9 color description : Vivid blue.

The hexadecimal color #0caee9 has RGB values of R:12, G:174, B:233 and CMYK values of C:0.95, M:0.25, Y:0, K:0.09. Its decimal value is 831209.

Hex triplet	0caee9	`#0caee9`
RGB Decimal	12, 174, 233	`rgb(12,174,233)`
RGB Percent	4.7, 68.2, 91.4	`rgb(4.7%,68.2%,91.4%)`
CMYK	95, 25, 0, 9
HSL	196°, 90.2, 48	`hsl(196,90.2%,48%)`
HSV (or HSB)	196°, 94.8, 91.4
Web Safe	0099ff	`#0099ff`

CIE-LAB	66.696, -16.045, -39.752
XYZ	29.992, 36.231, 82.499
xyY	0.202, 0.244, 36.231
CIE-LCH	66.696, 42.868, 248.019
CIE-LUV	66.696, -44.832, -61.684
Hunter-Lab	60.192, -16.394, -39.128
Binary	00001100, 10101110, 11101001

#0caee9
```
#0caee9 rgb(12,174,233)
```
#e9470c
```
#e9470c rgb(233,71,12)
```

Complementary Color

#0ce9b6
```
#0ce9b6 rgb(12,233,182)
```
#0caee9
```
#0caee9 rgb(12,174,233)
```
#0c40e9
```
#0c40e9 rgb(12,64,233)
```

Analogous Color

#e9b60c
```
#e9b60c rgb(233,182,12)
```
#0caee9
```
#0caee9 rgb(12,174,233)
```
#e90c40
```
#e90c40 rgb(233,12,64)
```

Split Complementary Color

#aee90c
```
#aee90c rgb(174,233,12)
```
#0caee9
```
#0caee9 rgb(12,174,233)
```
#e90cae
```
#e90cae rgb(233,12,174)
```

Triadic Color

#0ce947
```
#0ce947 rgb(12,233,71)
```
#0caee9
```
#0caee9 rgb(12,174,233)
```
#e90cae
```
#e90cae rgb(233,12,174)
```
#e9470c
```
#e9470c rgb(233,71,12)
```

Tetradic Color

#0878a0
```
#0878a0 rgb(8,120,160)
```
#0a8ab8
```
#0a8ab8 rgb(10,138,184)
```
#0b9cd1
```
#0b9cd1 rgb(11,156,209)
```
#0caee9
```
#0caee9 rgb(12,174,233)
```
#1bbaf3
```
#1bbaf3 rgb(27,186,243)
```
#33c1f5
```
#33c1f5 rgb(51,193,245)
```
#4cc8f6
```
#4cc8f6 rgb(76,200,246)
```

Monochromatic Color

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

#0ce5e9
```
#0ce5e9 rgb(12,229,233)
```
#0cd3e9
```
#0cd3e9 rgb(12,211,233)
```
#0cc0e9
```
#0cc0e9 rgb(12,192,233)
```
#0caee9
```
#0caee9 rgb(12,174,233)
```
#0c9ce9
```
#0c9ce9 rgb(12,156,233)
```
#0c89e9
```
#0c89e9 rgb(12,137,233)
```
#0c77e9
```
#0c77e9 rgb(12,119,233)
```

Similar Colors

Text with hexadecimal color #0caee9

This text has a font color of #0caee9.

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

#0caee9 background color

This paragraph has a background color of #0caee9.

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

#0caee9 border color

This element has a border color of #0caee9.

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

CSS codes

.text {color:#0caee9;}

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

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

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

#000709
```
#000709 rgb(0,7,9)
```
#01151c
```
#01151c rgb(1,21,28)
```
#02232e
```
#02232e rgb(2,35,46)
```
#033141
```
#033141 rgb(3,49,65)
```
#043f54
```
#043f54 rgb(4,63,84)
```
#054c66
```
#054c66 rgb(5,76,102)
```
#065a79
```
#065a79 rgb(6,90,121)
```
#07688c
```
#07688c rgb(7,104,140)
```
#08769e
```
#08769e rgb(8,118,158)
```
#0984b1
```
#0984b1 rgb(9,132,177)
```
#0a92c4
```
#0a92c4 rgb(10,146,196)
```
#0ba0d6
```
#0ba0d6 rgb(11,160,214)
```
#0caee9
```
#0caee9 rgb(12,174,233)
```

Shade Color Variation

#16b8f3
```
#16b8f3 rgb(22,184,243)
```
#28bef4
```
#28bef4 rgb(40,190,244)
```
#3bc3f5
```
#3bc3f5 rgb(59,195,245)
```
#4ec9f6
```
#4ec9f6 rgb(78,201,246)
```
#60cff7
```
#60cff7 rgb(96,207,247)
```
#73d4f8
```
#73d4f8 rgb(115,212,248)
```
#86daf9
```
#86daf9 rgb(134,218,249)
```
#98e0fa
```
#98e0fa rgb(152,224,250)
```
#abe5fb
```
#abe5fb rgb(171,229,251)
```
#beebfc
```
#beebfc rgb(190,235,252)
```
#d0f1fd
```
#d0f1fd rgb(208,241,253)
```
#e3f6fe
```
#e3f6fe rgb(227,246,254)
```
#f5fcff
```
#f5fcff rgb(245,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #747e81 is the less saturated color, while #03b2f2 is the most saturated one.

#747e81
```
#747e81 rgb(116,126,129)
```
#6a828b
```
#6a828b rgb(106,130,139)
```
#618694
```
#618694 rgb(97,134,148)
```
#578b9e
```
#578b9e rgb(87,139,158)
```
#4e8fa7
```
#4e8fa7 rgb(78,143,167)
```
#4594b0
```
#4594b0 rgb(69,148,176)
```
#3b98ba
```
#3b98ba rgb(59,152,186)
```
#329cc3
```
#329cc3 rgb(50,156,195)
```
#28a1cd
```
#28a1cd rgb(40,161,205)
```
#1fa5d6
```
#1fa5d6 rgb(31,165,214)
```
#15aae0
```
#15aae0 rgb(21,170,224)
```
#0caee9
```
#0caee9 rgb(12,174,233)
```
#03b2f2
```
#03b2f2 rgb(3,178,242)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6c8c98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a4e0 Protanopia 1% of men
#84a6ef Deuteranopia 1% of men
#00b7c3 Tritanopia 0.001% of the population

Trichromacy

#62a8e3 Protanomaly 1% of men, 0.01% of women
#58a9ec Deuteranomaly 6% of men, 0.4% of women
#04b3d1 Tritanomaly 0.01% of the population

#0caee9 hex color

#0caee9 Color Information

#0caee9 Color Conversion

Color Schemes with #0caee9

Alternatives to #0caee9

#0caee9 Preview

Shades and Tints of #0caee9

Tones of #0caee9

Color Blindness Simulator