#0caae1 hex color

In a RGB color space, hex #0caae1 is composed of 4.7% red, 66.7% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 94.7% cyan, 24.4% magenta, 0% yellow and 11.8% black. It has a hue angle of 195.5 degrees, a saturation of 89.9% and a lightness of 46.5%. #0caae1 color hex could be obtained by blending #18ffff with #0055c3. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 5
- G 67
- B 88
RGB color chart
- C 95
- M 24
- Y 0
- K 12
CMYK color chart

● #0caae1 color description : Vivid blue.

The hexadecimal color #0caae1 has RGB values of R:12, G:170, B:225 and CMYK values of C:0.95, M:0.24, Y:0, K:0.12. Its decimal value is 830177.

Hex triplet	0caae1	`#0caae1`
RGB Decimal	12, 170, 225	`rgb(12,170,225)`
RGB Percent	4.7, 66.7, 88.2	`rgb(4.7%,66.7%,88.2%)`
CMYK	95, 24, 0, 12
HSL	195.5°, 89.9, 46.5	`hsl(195.5,89.9%,46.5%)`
HSV (or HSB)	195.5°, 94.7, 88.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.169, -16.726, -37.745
XYZ	28.113, 34.261, 76.361
xyY	0.203, 0.247, 34.261
CIE-LCH	65.169, 41.285, 246.1
CIE-LUV	65.169, -44.06, -58
Hunter-Lab	58.533, -16.699, -36.376
Binary	00001100, 10101010, 11100001

#0caae1
```
#0caae1 rgb(12,170,225)
```
#e1430c
```
#e1430c rgb(225,67,12)
```

Complementary Color

#0ce1ae
```
#0ce1ae rgb(12,225,174)
```
#0caae1
```
#0caae1 rgb(12,170,225)
```
#0c40e1
```
#0c40e1 rgb(12,64,225)
```

Analogous Color

#e1ae0c
```
#e1ae0c rgb(225,174,12)
```
#0caae1
```
#0caae1 rgb(12,170,225)
```
#e10c40
```
#e10c40 rgb(225,12,64)
```

Split Complementary Color

#aae10c
```
#aae10c rgb(170,225,12)
```
#0caae1
```
#0caae1 rgb(12,170,225)
```
#e10caa
```
#e10caa rgb(225,12,170)
```

Triadic Color

#0ce143
```
#0ce143 rgb(12,225,67)
```
#0caae1
```
#0caae1 rgb(12,170,225)
```
#e10caa
```
#e10caa rgb(225,12,170)
```
#e1430c
```
#e1430c rgb(225,67,12)
```

Tetradic Color

#087398
```
#087398 rgb(8,115,152)
```
#0985b1
```
#0985b1 rgb(9,133,177)
```
#0b98c9
```
#0b98c9 rgb(11,152,201)
```
#0caae1
```
#0caae1 rgb(12,170,225)
```
#14b9f2
```
#14b9f2 rgb(20,185,242)
```
#2cc0f4
```
#2cc0f4 rgb(44,192,244)
```
#44c7f5
```
#44c7f5 rgb(68,199,245)
```

Monochromatic Color

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

#0cdfe1
```
#0cdfe1 rgb(12,223,225)
```
#0ccee1
```
#0ccee1 rgb(12,206,225)
```
#0cbce1
```
#0cbce1 rgb(12,188,225)
```
#0caae1
```
#0caae1 rgb(12,170,225)
```
#0c98e1
```
#0c98e1 rgb(12,152,225)
```
#0c87e1
```
#0c87e1 rgb(12,135,225)
```
#0c75e1
```
#0c75e1 rgb(12,117,225)
```

Similar Colors

Text with hexadecimal color #0caae1

This text has a font color of #0caae1.

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

#0caae1 background color

This paragraph has a background color of #0caae1.

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

#0caae1 border color

This element has a border color of #0caae1.

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

CSS codes

.text {color:#0caae1;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010f14
```
#010f14 rgb(1,15,20)
```
#021d27
```
#021d27 rgb(2,29,39)
```
#032b39
```
#032b39 rgb(3,43,57)
```
#04394c
```
#04394c rgb(4,57,76)
```
#05485f
```
#05485f rgb(5,72,95)
```
#065671
```
#065671 rgb(6,86,113)
```
#076484
```
#076484 rgb(7,100,132)
```
#087297
```
#087297 rgb(8,114,151)
```
#0980a9
```
#0980a9 rgb(9,128,169)
```
#0a8ebc
```
#0a8ebc rgb(10,142,188)
```
#0b9cce
```
#0b9cce rgb(11,156,206)
```
#0caae1
```
#0caae1 rgb(12,170,225)
```

Shade Color Variation

#0eb7f2
```
#0eb7f2 rgb(14,183,242)
```
#21bdf3
```
#21bdf3 rgb(33,189,243)
```
#34c2f4
```
#34c2f4 rgb(52,194,244)
```
#46c8f5
```
#46c8f5 rgb(70,200,245)
```
#59cef6
```
#59cef6 rgb(89,206,246)
```
#6cd3f7
```
#6cd3f7 rgb(108,211,247)
```
#7ed9f8
```
#7ed9f8 rgb(126,217,248)
```
#91def9
```
#91def9 rgb(145,222,249)
```
#a3e4fa
```
#a3e4fa rgb(163,228,250)
```
#b6e9fb
```
#b6e9fb rgb(182,233,251)
```
#c9effc
```
#c9effc rgb(201,239,252)
```
#dbf4fd
```
#dbf4fd rgb(219,244,253)
```
#eefafe
```
#eefafe rgb(238,250,254)
```

Tint Color Variation

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

#707a7d
```
#707a7d rgb(112,122,125)
```
#677e86
```
#677e86 rgb(103,126,134)
```
#5e828f
```
#5e828f rgb(94,130,143)
```
#558798
```
#558798 rgb(85,135,152)
```
#4c8ba1
```
#4c8ba1 rgb(76,139,161)
```
#4390aa
```
#4390aa rgb(67,144,170)
```
#3a94b3
```
#3a94b3 rgb(58,148,179)
```
#3098bd
```
#3098bd rgb(48,152,189)
```
#279dc6
```
#279dc6 rgb(39,157,198)
```
#1ea1cf
```
#1ea1cf rgb(30,161,207)
```
#15a6d8
```
#15a6d8 rgb(21,166,216)
```
#0caae1
```
#0caae1 rgb(12,170,225)
```
#03aeea
```
#03aeea rgb(3,174,234)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#6a8994 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a1d9 Protanopia 1% of men
#83a2e7 Deuteranopia 1% of men
#00b3bf Tritanopia 0.001% of the population

Trichromacy

#60a4dc Protanomaly 1% of men, 0.01% of women
#58a5e5 Deuteranomaly 6% of men, 0.4% of women
#04afcb Tritanomaly 0.01% of the population

#0caae1 hex color

#0caae1 Color Information

#0caae1 Color Conversion

Color Schemes with #0caae1

Alternatives to #0caae1

#0caae1 Preview

Shades and Tints of #0caae1

Tones of #0caae1

Color Blindness Simulator