#0ca5dd hex color

In a RGB color space, hex #0ca5dd is composed of 4.7% red, 64.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 94.6% cyan, 25.3% magenta, 0% yellow and 13.3% black. It has a hue angle of 196.1 degrees, a saturation of 89.7% and a lightness of 45.7%. #0ca5dd color hex could be obtained by blending #18ffff with #004bbb. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 5
- G 65
- B 87
RGB color chart
- C 95
- M 25
- Y 0
- K 13
CMYK color chart

● #0ca5dd color description : Vivid blue.

The hexadecimal color #0ca5dd has RGB values of R:12, G:165, B:221 and CMYK values of C:0.95, M:0.25, Y:0, K:0.13. Its decimal value is 828893.

Hex triplet	0ca5dd	`#0ca5dd`
RGB Decimal	12, 165, 221	`rgb(12,165,221)`
RGB Percent	4.7, 64.7, 86.7	`rgb(4.7%,64.7%,86.7%)`
CMYK	95, 25, 0, 13
HSL	196.1°, 89.7, 45.7	`hsl(196.1,89.7%,45.7%)`
HSV (or HSB)	196.1°, 94.6, 86.7
Web Safe	0099cc	`#0099cc`

CIE-LAB	63.513, -15.453, -38.125
XYZ	26.655, 32.206, 73.214
xyY	0.202, 0.244, 32.206
CIE-LCH	63.513, 41.138, 247.937
CIE-LUV	63.513, -42.659, -58.574
Hunter-Lab	56.751, -15.476, -36.765
Binary	00001100, 10100101, 11011101

#0ca5dd
```
#0ca5dd rgb(12,165,221)
```
#dd440c
```
#dd440c rgb(221,68,12)
```

Complementary Color

#0cddad
```
#0cddad rgb(12,221,173)
```
#0ca5dd
```
#0ca5dd rgb(12,165,221)
```
#0c3ddd
```
#0c3ddd rgb(12,61,221)
```

Analogous Color

#ddad0c
```
#ddad0c rgb(221,173,12)
```
#0ca5dd
```
#0ca5dd rgb(12,165,221)
```
#dd0c3c
```
#dd0c3c rgb(221,12,60)
```

Split Complementary Color

#a5dd0c
```
#a5dd0c rgb(165,221,12)
```
#0ca5dd
```
#0ca5dd rgb(12,165,221)
```
#dd0ca5
```
#dd0ca5 rgb(221,12,165)
```

Triadic Color

#0cdd44
```
#0cdd44 rgb(12,221,68)
```
#0ca5dd
```
#0ca5dd rgb(12,165,221)
```
#dd0ca5
```
#dd0ca5 rgb(221,12,165)
```
#dd440c
```
#dd440c rgb(221,68,12)
```

Tetradic Color

#086f94
```
#086f94 rgb(8,111,148)
```
#0981ad
```
#0981ad rgb(9,129,173)
```
#0b93c5
```
#0b93c5 rgb(11,147,197)
```
#0ca5dd
```
#0ca5dd rgb(12,165,221)
```
#10b6f2
```
#10b6f2 rgb(16,182,242)
```
#29bdf3
```
#29bdf3 rgb(41,189,243)
```
#41c4f5
```
#41c4f5 rgb(65,196,245)
```

Monochromatic Color

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

#0cd9dd
```
#0cd9dd rgb(12,217,221)
```
#0cc8dd
```
#0cc8dd rgb(12,200,221)
```
#0cb6dd
```
#0cb6dd rgb(12,182,221)
```
#0ca5dd
```
#0ca5dd rgb(12,165,221)
```
#0c94dd
```
#0c94dd rgb(12,148,221)
```
#0c82dd
```
#0c82dd rgb(12,130,221)
```
#0c71dd
```
#0c71dd rgb(12,113,221)
```

Similar Colors

Text with hexadecimal color #0ca5dd

This text has a font color of #0ca5dd.

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

#0ca5dd background color

This paragraph has a background color of #0ca5dd.

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

#0ca5dd border color

This element has a border color of #0ca5dd.

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

CSS codes

.text {color:#0ca5dd;}

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

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

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

#010c10
```
#010c10 rgb(1,12,16)
```
#021a23
```
#021a23 rgb(2,26,35)
```
#032836
```
#032836 rgb(3,40,54)
```
#043648
```
#043648 rgb(4,54,72)
```
#05445b
```
#05445b rgb(5,68,91)
```
#06526d
```
#06526d rgb(6,82,109)
```
#076080
```
#076080 rgb(7,96,128)
```
#086d93
```
#086d93 rgb(8,109,147)
```
#097ba5
```
#097ba5 rgb(9,123,165)
```
#0a89b8
```
#0a89b8 rgb(10,137,184)
```
#0b97ca
```
#0b97ca rgb(11,151,202)
```
#0ca5dd
```
#0ca5dd rgb(12,165,221)
```
#0db3f0
```
#0db3f0 rgb(13,179,240)
```

Shade Color Variation

#1dbaf3
```
#1dbaf3 rgb(29,186,243)
```
#30bff4
```
#30bff4 rgb(48,191,244)
```
#43c5f5
```
#43c5f5 rgb(67,197,245)
```
#55cbf6
```
#55cbf6 rgb(85,203,246)
```
#68d1f7
```
#68d1f7 rgb(104,209,247)
```
#7bd6f8
```
#7bd6f8 rgb(123,214,248)
```
#8ddcf9
```
#8ddcf9 rgb(141,220,249)
```
#a0e2fa
```
#a0e2fa rgb(160,226,250)
```
#b2e7fb
```
#b2e7fb rgb(178,231,251)
```
#c5edfc
```
#c5edfc rgb(197,237,252)
```
#d8f3fd
```
#d8f3fd rgb(216,243,253)
```
#eaf9fe
```
#eaf9fe rgb(234,249,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#6f777a
```
#6f777a rgb(111,119,122)
```
#667b83
```
#667b83 rgb(102,123,131)
```
#5d808c
```
#5d808c rgb(93,128,140)
```
#548495
```
#548495 rgb(84,132,149)
```
#4b889e
```
#4b889e rgb(75,136,158)
```
#428ca7
```
#428ca7 rgb(66,140,167)
```
#3990b0
```
#3990b0 rgb(57,144,176)
```
#3094b9
```
#3094b9 rgb(48,148,185)
```
#2799c2
```
#2799c2 rgb(39,153,194)
```
#1e9dcb
```
#1e9dcb rgb(30,157,203)
```
#15a1d4
```
#15a1d4 rgb(21,161,212)
```
#0ca5dd
```
#0ca5dd rgb(12,165,221)
```
#03a9e6
```
#03a9e6 rgb(3,169,230)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#678691 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8c9dd5 Protanopia 1% of men
#7e9ee3 Deuteranopia 1% of men
#00aeba Tritanopia 0.001% of the population

Trichromacy

#5d9fd8 Protanomaly 1% of men, 0.01% of women
#54a0e1 Deuteranomaly 6% of men, 0.4% of women
#04abc6 Tritanomaly 0.01% of the population

#0ca5dd hex color

#0ca5dd Color Information

#0ca5dd Color Conversion

Color Schemes with #0ca5dd

Alternatives to #0ca5dd

#0ca5dd Preview

Shades and Tints of #0ca5dd

Tones of #0ca5dd

Color Blindness Simulator