#0ca5eb hex color

In a RGB color space, hex #0ca5eb is composed of 4.7% red, 64.7% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 94.9% cyan, 29.8% magenta, 0% yellow and 7.8% black. It has a hue angle of 198.8 degrees, a saturation of 90.3% and a lightness of 48.4%. #0ca5eb color hex could be obtained by blending #18ffff with #004bd7. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 5
- G 65
- B 92
RGB color chart
- C 95
- M 30
- Y 0
- K 8
CMYK color chart

● #0ca5eb color description : Vivid blue.

The hexadecimal color #0ca5eb has RGB values of R:12, G:165, B:235 and CMYK values of C:0.95, M:0.3, Y:0, K:0.08. Its decimal value is 828907.

Hex triplet	0ca5eb	`#0ca5eb`
RGB Decimal	12, 165, 235	`rgb(12,165,235)`
RGB Percent	4.7, 64.7, 92.2	`rgb(4.7%,64.7%,92.2%)`
CMYK	95, 30, 0, 8
HSL	198.8°, 90.3, 48.4	`hsl(198.8,90.3%,48.4%)`
HSV (or HSB)	198.8°, 94.9, 92.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	64.148, -10.419, -44.844
XYZ	28.598, 32.984, 83.452
xyY	0.197, 0.227, 32.984
CIE-LCH	64.148, 46.038, 256.92
CIE-LUV	64.148, -41.687, -70.6
Hunter-Lab	57.432, -11.62, -45.95
Binary	00001100, 10100101, 11101011

#0ca5eb
```
#0ca5eb rgb(12,165,235)
```
#eb520c
```
#eb520c rgb(235,82,12)
```

Complementary Color

#0cebc2
```
#0cebc2 rgb(12,235,194)
```
#0ca5eb
```
#0ca5eb rgb(12,165,235)
```
#0c36eb
```
#0c36eb rgb(12,54,235)
```

Analogous Color

#ebc20c
```
#ebc20c rgb(235,194,12)
```
#0ca5eb
```
#0ca5eb rgb(12,165,235)
```
#eb0c36
```
#eb0c36 rgb(235,12,54)
```

Split Complementary Color

#a5eb0c
```
#a5eb0c rgb(165,235,12)
```
#0ca5eb
```
#0ca5eb rgb(12,165,235)
```
#eb0ca5
```
#eb0ca5 rgb(235,12,165)
```

Triadic Color

#0ceb52
```
#0ceb52 rgb(12,235,82)
```
#0ca5eb
```
#0ca5eb rgb(12,165,235)
```
#eb0ca5
```
#eb0ca5 rgb(235,12,165)
```
#eb520c
```
#eb520c rgb(235,82,12)
```

Tetradic Color

#0872a2
```
#0872a2 rgb(8,114,162)
```
#0a83ba
```
#0a83ba rgb(10,131,186)
```
#0b94d3
```
#0b94d3 rgb(11,148,211)
```
#0ca5eb
```
#0ca5eb rgb(12,165,235)
```
#1db0f3
```
#1db0f3 rgb(29,176,243)
```
#35b9f5
```
#35b9f5 rgb(53,185,245)
```
#4ec1f6
```
#4ec1f6 rgb(78,193,246)
```

Monochromatic Color

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

#0cddeb
```
#0cddeb rgb(12,221,235)
```
#0ccaeb
```
#0ccaeb rgb(12,202,235)
```
#0cb8eb
```
#0cb8eb rgb(12,184,235)
```
#0ca5eb
```
#0ca5eb rgb(12,165,235)
```
#0c92eb
```
#0c92eb rgb(12,146,235)
```
#0c80eb
```
#0c80eb rgb(12,128,235)
```
#0c6deb
```
#0c6deb rgb(12,109,235)
```

Similar Colors

Text with hexadecimal color #0ca5eb

This text has a font color of #0ca5eb.

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

#0ca5eb background color

This paragraph has a background color of #0ca5eb.

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

#0ca5eb border color

This element has a border color of #0ca5eb.

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

CSS codes

.text {color:#0ca5eb;}

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

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

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, #01080b is the darkest color, while #f7fcff is the lightest one.

#01080b
```
#01080b rgb(1,8,11)
```
#02151e
```
#02151e rgb(2,21,30)
```
#022230
```
#022230 rgb(2,34,48)
```
#032f43
```
#032f43 rgb(3,47,67)
```
#043c56
```
#043c56 rgb(4,60,86)
```
#054968
```
#054968 rgb(5,73,104)
```
#06567b
```
#06567b rgb(6,86,123)
```
#07638e
```
#07638e rgb(7,99,142)
```
#0871a0
```
#0871a0 rgb(8,113,160)
```
#097eb3
```
#097eb3 rgb(9,126,179)
```
#0a8bc6
```
#0a8bc6 rgb(10,139,198)
```
#0b98d8
```
#0b98d8 rgb(11,152,216)
```
#0ca5eb
```
#0ca5eb rgb(12,165,235)
```

Shade Color Variation

#17aef3
```
#17aef3 rgb(23,174,243)
```
#2ab5f4
```
#2ab5f4 rgb(42,181,244)
```
#3dbbf5
```
#3dbbf5 rgb(61,187,245)
```
#4fc2f6
```
#4fc2f6 rgb(79,194,246)
```
#62c8f7
```
#62c8f7 rgb(98,200,247)
```
#75cff8
```
#75cff8 rgb(117,207,248)
```
#87d5f9
```
#87d5f9 rgb(135,213,249)
```
#9adcfa
```
#9adcfa rgb(154,220,250)
```
#ade2fb
```
#ade2fb rgb(173,226,251)
```
#bfe9fc
```
#bfe9fc rgb(191,233,252)
```
#d2effd
```
#d2effd rgb(210,239,253)
```
#e5f6fe
```
#e5f6fe rgb(229,246,254)
```
#f7fcff
```
#f7fcff rgb(247,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757e83 is the less saturated color, while #02a9f5 is the most saturated one.

#757e83
```
#757e83 rgb(117,126,131)
```
#6b828c
```
#6b828c rgb(107,130,140)
```
#628596
```
#628596 rgb(98,133,150)
```
#58899f
```
#58899f rgb(88,137,159)
```
#4f8ca9
```
#4f8ca9 rgb(79,140,169)
```
#4590b2
```
#4590b2 rgb(69,144,178)
```
#3c93bc
```
#3c93bc rgb(60,147,188)
```
#3297c5
```
#3297c5 rgb(50,151,197)
```
#299acf
```
#299acf rgb(41,154,207)
```
#1f9ed8
```
#1f9ed8 rgb(31,158,216)
```
#16a1e2
```
#16a1e2 rgb(22,161,226)
```
#0ca5eb
```
#0ca5eb rgb(12,165,235)
```
#02a9f5
```
#02a9f5 rgb(2,169,245)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#688795 Atypical Achromatopsia 0.001% of the population

Dichromacy

#879ee3 Protanopia 1% of men
#73a0ef Deuteranopia 1% of men
#00b0bb Tritanopia 0.001% of the population

Trichromacy

#5aa0e6 Protanomaly 1% of men, 0.01% of women
#4da2ee Deuteranomaly 6% of men, 0.4% of women
#04accd Tritanomaly 0.01% of the population

#0ca5eb hex color

#0ca5eb Color Information

#0ca5eb Color Conversion

Color Schemes with #0ca5eb

Alternatives to #0ca5eb

#0ca5eb Preview

Shades and Tints of #0ca5eb

Tones of #0ca5eb

Color Blindness Simulator