#0caadc hex color

In a RGB color space, hex #0caadc is composed of 4.7% red, 66.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 94.5% cyan, 22.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 194.4 degrees, a saturation of 89.7% and a lightness of 45.5%. #0caadc color hex could be obtained by blending #18ffff with #0055b9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 5
- G 67
- B 86
RGB color chart
- C 95
- M 23
- Y 0
- K 14
CMYK color chart

● #0caadc color description : Vivid cyan.

The hexadecimal color #0caadc has RGB values of R:12, G:170, B:220 and CMYK values of C:0.95, M:0.23, Y:0, K:0.14. Its decimal value is 830172.

Hex triplet	0caadc	`#0caadc`
RGB Decimal	12, 170, 220	`rgb(12,170,220)`
RGB Percent	4.7, 66.7, 86.3	`rgb(4.7%,66.7%,86.3%)`
CMYK	95, 23, 0, 14
HSL	194.4°, 89.7, 45.5	`hsl(194.4,89.7%,45.5%)`
HSV (or HSB)	194.4°, 94.5, 86.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.956, -18.485, -35.322
XYZ	27.441, 33.992, 72.821
xyY	0.204, 0.253, 33.992
CIE-LCH	64.956, 39.867, 242.375
CIE-LUV	64.956, -44.424, -53.667
Hunter-Lab	58.303, -18.016, -33.242
Binary	00001100, 10101010, 11011100

#0caadc
```
#0caadc rgb(12,170,220)
```
#dc3e0c
```
#dc3e0c rgb(220,62,12)
```

Complementary Color

#0cdca6
```
#0cdca6 rgb(12,220,166)
```
#0caadc
```
#0caadc rgb(12,170,220)
```
#0c42dc
```
#0c42dc rgb(12,66,220)
```

Analogous Color

#dca60c
```
#dca60c rgb(220,166,12)
```
#0caadc
```
#0caadc rgb(12,170,220)
```
#dc0c42
```
#dc0c42 rgb(220,12,66)
```

Split Complementary Color

#aadc0c
```
#aadc0c rgb(170,220,12)
```
#0caadc
```
#0caadc rgb(12,170,220)
```
#dc0caa
```
#dc0caa rgb(220,12,170)
```

Triadic Color

#0cdc3e
```
#0cdc3e rgb(12,220,62)
```
#0caadc
```
#0caadc rgb(12,170,220)
```
#dc0caa
```
#dc0caa rgb(220,12,170)
```
#dc3e0c
```
#dc3e0c rgb(220,62,12)
```

Tetradic Color

#087293
```
#087293 rgb(8,114,147)
```
#0985ac
```
#0985ac rgb(9,133,172)
```
#0b97c4
```
#0b97c4 rgb(11,151,196)
```
#0caadc
```
#0caadc rgb(12,170,220)
```
#10bcf2
```
#10bcf2 rgb(16,188,242)
```
#28c2f3
```
#28c2f3 rgb(40,194,243)
```
#40c9f5
```
#40c9f5 rgb(64,201,245)
```

Monochromatic Color

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

#0cdcda
```
#0cdcda rgb(12,220,218)
```
#0ccddc
```
#0ccddc rgb(12,205,220)
```
#0cbbdc
```
#0cbbdc rgb(12,187,220)
```
#0caadc
```
#0caadc rgb(12,170,220)
```
#0c99dc
```
#0c99dc rgb(12,153,220)
```
#0c87dc
```
#0c87dc rgb(12,135,220)
```
#0c76dc
```
#0c76dc rgb(12,118,220)
```

Similar Colors

Text with hexadecimal color #0caadc

This text has a font color of #0caadc.

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

#0caadc background color

This paragraph has a background color of #0caadc.

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

#0caadc border color

This element has a border color of #0caadc.

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

CSS codes

.text {color:#0caadc;}

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

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

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, #010c0f is the darkest color, while #fcfeff is the lightest one.

#010c0f
```
#010c0f rgb(1,12,15)
```
#021a22
```
#021a22 rgb(2,26,34)
```
#032935
```
#032935 rgb(3,41,53)
```
#043747
```
#043747 rgb(4,55,71)
```
#05455a
```
#05455a rgb(5,69,90)
```
#06546c
```
#06546c rgb(6,84,108)
```
#07627f
```
#07627f rgb(7,98,127)
```
#087192
```
#087192 rgb(8,113,146)
```
#097fa4
```
#097fa4 rgb(9,127,164)
```
#0a8db7
```
#0a8db7 rgb(10,141,183)
```
#0b9cc9
```
#0b9cc9 rgb(11,156,201)
```
#0caadc
```
#0caadc rgb(12,170,220)
```
#0db8ef
```
#0db8ef rgb(13,184,239)
```

Shade Color Variation

#1dbff3
```
#1dbff3 rgb(29,191,243)
```
#2fc4f4
```
#2fc4f4 rgb(47,196,244)
```
#42caf5
```
#42caf5 rgb(66,202,245)
```
#54cff6
```
#54cff6 rgb(84,207,246)
```
#67d4f7
```
#67d4f7 rgb(103,212,247)
```
#7ad9f8
```
#7ad9f8 rgb(122,217,248)
```
#8cdff9
```
#8cdff9 rgb(140,223,249)
```
#9fe4fa
```
#9fe4fa rgb(159,228,250)
```
#b1e9fb
```
#b1e9fb rgb(177,233,251)
```
#c4eefc
```
#c4eefc rgb(196,238,252)
```
#d7f4fd
```
#d7f4fd rgb(215,244,253)
```
#e9f9fe
```
#e9f9fe rgb(233,249,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#6e777a
```
#6e777a rgb(110,119,122)
```
#657c83
```
#657c83 rgb(101,124,131)
```
#5c808c
```
#5c808c rgb(92,128,140)
```
#538595
```
#538595 rgb(83,133,149)
```
#4a8a9e
```
#4a8a9e rgb(74,138,158)
```
#428ea6
```
#428ea6 rgb(66,142,166)
```
#3993af
```
#3993af rgb(57,147,175)
```
#3097b8
```
#3097b8 rgb(48,151,184)
```
#279cc1
```
#279cc1 rgb(39,156,193)
```
#1ea1ca
```
#1ea1ca rgb(30,161,202)
```
#15a5d3
```
#15a5d3 rgb(21,165,211)
```
#0caadc
```
#0caadc rgb(12,170,220)
```
#03afe5
```
#03afe5 rgb(3,175,229)
```

Tone Color Variation

Below, you can see how #0caadc 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
#698892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a0d4 Protanopia 1% of men
#87a1e3 Deuteranopia 1% of men
#00b2be Tritanopia 0.001% of the population

Trichromacy

#61a4d7 Protanomaly 1% of men, 0.01% of women
#5aa4e0 Deuteranomaly 6% of men, 0.4% of women
#04afc9 Tritanomaly 0.01% of the population

#0caadc hex color

#0caadc Color Information

#0caadc Color Conversion

Color Schemes with #0caadc

Alternatives to #0caadc

#0caadc Preview

Shades and Tints of #0caadc

Tones of #0caadc

Color Blindness Simulator