#0ca4ed hex color

In a RGB color space, hex #0ca4ed is composed of 4.7% red, 64.3% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 94.9% cyan, 30.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 199.5 degrees, a saturation of 90.4% and a lightness of 48.8%. #0ca4ed color hex could be obtained by blending #18ffff with #0049db. Closest websafe color is: #0099ff.

♥
- f
- t
- g
- R 5
- G 64
- B 93
RGB color chart
- C 95
- M 31
- Y 0
- K 7
CMYK color chart

● #0ca4ed color description : Vivid blue.

The hexadecimal color #0ca4ed has RGB values of R:12, G:164, B:237 and CMYK values of C:0.95, M:0.31, Y:0, K:0.07. Its decimal value is 828653.

Hex triplet	0ca4ed	`#0ca4ed`
RGB Decimal	12, 164, 237	`rgb(12,164,237)`
RGB Percent	4.7, 64.3, 92.9	`rgb(4.7%,64.3%,92.9%)`
CMYK	95, 31, 0, 7
HSL	199.5°, 90.4, 48.8	`hsl(199.5,90.4%,48.8%)`
HSV (or HSB)	199.5°, 94.9, 92.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	63.95, -9.135, -46.253
XYZ	28.709, 32.741, 84.923
xyY	0.196, 0.224, 32.741
CIE-LCH	63.95, 47.147, 258.827
CIE-LUV	63.95, -41.222, -73.092
Hunter-Lab	57.22, -10.574, -47.942
Binary	00001100, 10100100, 11101101

#0ca4ed
```
#0ca4ed rgb(12,164,237)
```
#ed550c
```
#ed550c rgb(237,85,12)
```

Complementary Color

#0cedc6
```
#0cedc6 rgb(12,237,198)
```
#0ca4ed
```
#0ca4ed rgb(12,164,237)
```
#0c34ed
```
#0c34ed rgb(12,52,237)
```

Analogous Color

#edc60c
```
#edc60c rgb(237,198,12)
```
#0ca4ed
```
#0ca4ed rgb(12,164,237)
```
#ed0c34
```
#ed0c34 rgb(237,12,52)
```

Split Complementary Color

#a4ed0c
```
#a4ed0c rgb(164,237,12)
```
#0ca4ed
```
#0ca4ed rgb(12,164,237)
```
#ed0ca4
```
#ed0ca4 rgb(237,12,164)
```

Triadic Color

#0ced55
```
#0ced55 rgb(12,237,85)
```
#0ca4ed
```
#0ca4ed rgb(12,164,237)
```
#ed0ca4
```
#ed0ca4 rgb(237,12,164)
```
#ed550c
```
#ed550c rgb(237,85,12)
```

Tetradic Color

#0872a4
```
#0872a4 rgb(8,114,164)
```
#0a82bc
```
#0a82bc rgb(10,130,188)
```
#0b93d5
```
#0b93d5 rgb(11,147,213)
```
#0ca4ed
```
#0ca4ed rgb(12,164,237)
```
#1faff4
```
#1faff4 rgb(31,175,244)
```
#37b7f5
```
#37b7f5 rgb(55,183,245)
```
#4fc0f6
```
#4fc0f6 rgb(79,192,246)
```

Monochromatic Color

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

#0cdced
```
#0cdced rgb(12,220,237)
```
#0ccaed
```
#0ccaed rgb(12,202,237)
```
#0cb7ed
```
#0cb7ed rgb(12,183,237)
```
#0ca4ed
```
#0ca4ed rgb(12,164,237)
```
#0c91ed
```
#0c91ed rgb(12,145,237)
```
#0c7fed
```
#0c7fed rgb(12,127,237)
```
#0c6ced
```
#0c6ced rgb(12,108,237)
```

Similar Colors

Text with hexadecimal color #0ca4ed

This text has a font color of #0ca4ed.

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

#0ca4ed background color

This paragraph has a background color of #0ca4ed.

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

#0ca4ed border color

This element has a border color of #0ca4ed.

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

CSS codes

.text {color:#0ca4ed;}

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

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

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, #01090d is the darkest color, while #f9fdff is the lightest one.

#01090d
```
#01090d rgb(1,9,13)
```
#021620
```
#021620 rgb(2,22,32)
```
#032332
```
#032332 rgb(3,35,50)
```
#033045
```
#033045 rgb(3,48,69)
```
#043d58
```
#043d58 rgb(4,61,88)
```
#054a6a
```
#054a6a rgb(5,74,106)
```
#06567d
```
#06567d rgb(6,86,125)
```
#076390
```
#076390 rgb(7,99,144)
```
#0870a2
```
#0870a2 rgb(8,112,162)
```
#097db5
```
#097db5 rgb(9,125,181)
```
#0a8ac8
```
#0a8ac8 rgb(10,138,200)
```
#0b97da
```
#0b97da rgb(11,151,218)
```
#0ca4ed
```
#0ca4ed rgb(12,164,237)
```

Shade Color Variation

#19adf3
```
#19adf3 rgb(25,173,243)
```
#2cb3f4
```
#2cb3f4 rgb(44,179,244)
```
#3fbaf5
```
#3fbaf5 rgb(63,186,245)
```
#51c1f6
```
#51c1f6 rgb(81,193,246)
```
#64c7f7
```
#64c7f7 rgb(100,199,247)
```
#77cef8
```
#77cef8 rgb(119,206,248)
```
#89d5f9
```
#89d5f9 rgb(137,213,249)
```
#9cdbfa
```
#9cdbfa rgb(156,219,250)
```
#afe2fb
```
#afe2fb rgb(175,226,251)
```
#c1e9fc
```
#c1e9fc rgb(193,233,252)
```
#d4f0fd
```
#d4f0fd rgb(212,240,253)
```
#e7f6fe
```
#e7f6fe rgb(231,246,254)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#757f84
```
#757f84 rgb(117,127,132)
```
#6c828d
```
#6c828d rgb(108,130,141)
```
#628697
```
#628697 rgb(98,134,151)
```
#5989a0
```
#5989a0 rgb(89,137,160)
```
#4f8caa
```
#4f8caa rgb(79,140,170)
```
#4590b4
```
#4590b4 rgb(69,144,180)
```
#3c93bd
```
#3c93bd rgb(60,147,189)
```
#3297c7
```
#3297c7 rgb(50,151,199)
```
#299ad0
```
#299ad0 rgb(41,154,208)
```
#1f9dda
```
#1f9dda rgb(31,157,218)
```
#16a1e3
```
#16a1e3 rgb(22,161,227)
```
#0ca4ed
```
#0ca4ed rgb(12,164,237)
```
#02a7f7
```
#02a7f7 rgb(2,167,247)
```

Tone Color Variation

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

Dichromacy

#859de5 Protanopia 1% of men
#6fa0f1 Deuteranopia 1% of men
#00afbb Tritanopia 0.001% of the population

Trichromacy

#59a0e8 Protanomaly 1% of men, 0.01% of women
#4ba1ef Deuteranomaly 6% of men, 0.4% of women
#04abcd Tritanomaly 0.01% of the population

#0ca4ed hex color

#0ca4ed Color Information

#0ca4ed Color Conversion

Color Schemes with #0ca4ed

Alternatives to #0ca4ed

#0ca4ed Preview

Shades and Tints of #0ca4ed

Tones of #0ca4ed

Color Blindness Simulator