#0ca5d0 hex color

In a RGB color space, hex #0ca5d0 is composed of 4.7% red, 64.7% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 94.2% cyan, 20.7% magenta, 0% yellow and 18.4% black. It has a hue angle of 193.2 degrees, a saturation of 89.1% and a lightness of 43.1%. #0ca5d0 color hex could be obtained by blending #18ffff with #004ba1. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 5
- G 65
- B 82
RGB color chart
- C 94
- M 21
- Y 0
- K 18
CMYK color chart

● #0ca5d0 color description : Strong cyan.

The hexadecimal color #0ca5d0 has RGB values of R:12, G:165, B:208 and CMYK values of C:0.94, M:0.21, Y:0, K:0.18. Its decimal value is 828880.

Hex triplet	0ca5d0	`#0ca5d0`
RGB Decimal	12, 165, 208	`rgb(12,165,208)`
RGB Percent	4.7, 64.7, 81.6	`rgb(4.7%,64.7%,81.6%)`
CMYK	94, 21, 0, 18
HSL	193.2°, 89.1, 43.1	`hsl(193.2,89.1%,43.1%)`
HSV (or HSB)	193.2°, 94.2, 81.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.961, -20.037, -31.779
XYZ	24.989, 31.54, 64.442
xyY	0.207, 0.261, 31.54
CIE-LCH	62.961, 37.569, 237.768
CIE-LUV	62.961, -43.604, -47.298
Hunter-Lab	56.161, -18.857, -28.72
Binary	00001100, 10100101, 11010000

#0ca5d0
```
#0ca5d0 rgb(12,165,208)
```
#d0370c
```
#d0370c rgb(208,55,12)
```

Complementary Color

#0cd099
```
#0cd099 rgb(12,208,153)
```
#0ca5d0
```
#0ca5d0 rgb(12,165,208)
```
#0c43d0
```
#0c43d0 rgb(12,67,208)
```

Analogous Color

#d0990c
```
#d0990c rgb(208,153,12)
```
#0ca5d0
```
#0ca5d0 rgb(12,165,208)
```
#d00c43
```
#d00c43 rgb(208,12,67)
```

Split Complementary Color

#a5d00c
```
#a5d00c rgb(165,208,12)
```
#0ca5d0
```
#0ca5d0 rgb(12,165,208)
```
#d00ca5
```
#d00ca5 rgb(208,12,165)
```

Triadic Color

#0cd037
```
#0cd037 rgb(12,208,55)
```
#0ca5d0
```
#0ca5d0 rgb(12,165,208)
```
#d00ca5
```
#d00ca5 rgb(208,12,165)
```
#d0370c
```
#d0370c rgb(208,55,12)
```

Tetradic Color

#086c88
```
#086c88 rgb(8,108,136)
```
#097fa0
```
#097fa0 rgb(9,127,160)
```
#0b92b8
```
#0b92b8 rgb(11,146,184)
```
#0ca5d0
```
#0ca5d0 rgb(12,165,208)
```
#0db8e8
```
#0db8e8 rgb(13,184,232)
```
#1dc3f2
```
#1dc3f2 rgb(29,195,242)
```
#35caf3
```
#35caf3 rgb(53,202,243)
```

Monochromatic Color

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

#0cd0ca
```
#0cd0ca rgb(12,208,202)
```
#0cc6d0
```
#0cc6d0 rgb(12,198,208)
```
#0cb5d0
```
#0cb5d0 rgb(12,181,208)
```
#0ca5d0
```
#0ca5d0 rgb(12,165,208)
```
#0c95d0
```
#0c95d0 rgb(12,149,208)
```
#0c84d0
```
#0c84d0 rgb(12,132,208)
```
#0c74d0
```
#0c74d0 rgb(12,116,208)
```

Similar Colors

Text with hexadecimal color #0ca5d0

This text has a font color of #0ca5d0.

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

#0ca5d0 background color

This paragraph has a background color of #0ca5d0.

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

#0ca5d0 border color

This element has a border color of #0ca5d0.

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

CSS codes

.text {color:#0ca5d0;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#011217
```
#011217 rgb(1,18,23)
```
#022129
```
#022129 rgb(2,33,41)
```
#032f3c
```
#032f3c rgb(3,47,60)
```
#053e4e
```
#053e4e rgb(5,62,78)
```
#064d61
```
#064d61 rgb(6,77,97)
```
#075b73
```
#075b73 rgb(7,91,115)
```
#086a86
```
#086a86 rgb(8,106,134)
```
#097998
```
#097998 rgb(9,121,152)
```
#0a88ab
```
#0a88ab rgb(10,136,171)
```
#0b96bd
```
#0b96bd rgb(11,150,189)
```
#0ca5d0
```
#0ca5d0 rgb(12,165,208)
```
#0db4e3
```
#0db4e3 rgb(13,180,227)
```

Shade Color Variation

#12c0f1
```
#12c0f1 rgb(18,192,241)
```
#24c5f2
```
#24c5f2 rgb(36,197,242)
```
#37caf3
```
#37caf3 rgb(55,202,243)
```
#4acff5
```
#4acff5 rgb(74,207,245)
```
#5cd4f6
```
#5cd4f6 rgb(92,212,246)
```
#6fd9f7
```
#6fd9f7 rgb(111,217,247)
```
#81def8
```
#81def8 rgb(129,222,248)
```
#94e3f9
```
#94e3f9 rgb(148,227,249)
```
#a6e8fa
```
#a6e8fa rgb(166,232,250)
```
#b9ecfb
```
#b9ecfb rgb(185,236,251)
```
#cbf1fc
```
#cbf1fc rgb(203,241,252)
```
#def6fd
```
#def6fd rgb(222,246,253)
```
#f0fbfe
```
#f0fbfe rgb(240,251,254)
```

Tint Color Variation

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

#697173
```
#697173 rgb(105,113,115)
```
#61767b
```
#61767b rgb(97,118,123)
```
#587a84
```
#587a84 rgb(88,122,132)
```
#507f8c
```
#507f8c rgb(80,127,140)
```
#478495
```
#478495 rgb(71,132,149)
```
#3f899d
```
#3f899d rgb(63,137,157)
```
#368da6
```
#368da6 rgb(54,141,166)
```
#2e92ae
```
#2e92ae rgb(46,146,174)
```
#2597b7
```
#2597b7 rgb(37,151,183)
```
#1d9cbf
```
#1d9cbf rgb(29,156,191)
```
#14a0c8
```
#14a0c8 rgb(20,160,200)
```
#0ca5d0
```
#0ca5d0 rgb(12,165,208)
```
#04aad8
```
#04aad8 rgb(4,170,216)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#66848d Atypical Achromatopsia 0.001% of the population

Dichromacy

#909cc9 Protanopia 1% of men
#879cd7 Deuteranopia 1% of men
#00adb9 Tritanopia 0.001% of the population

Trichromacy

#609fcb Protanomaly 1% of men, 0.01% of women
#5a9fd5 Deuteranomaly 6% of men, 0.4% of women
#04aac1 Tritanomaly 0.01% of the population

#0ca5d0 hex color

#0ca5d0 Color Information

#0ca5d0 Color Conversion

Color Schemes with #0ca5d0

Alternatives to #0ca5d0

#0ca5d0 Preview

Shades and Tints of #0ca5d0

Tones of #0ca5d0

Color Blindness Simulator