#0cabe4 hex color

In a RGB color space, hex #0cabe4 is composed of 4.7% red, 67.1% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 94.7% cyan, 25% magenta, 0% yellow and 10.6% black. It has a hue angle of 195.8 degrees, a saturation of 90% and a lightness of 47.1%. #0cabe4 color hex could be obtained by blending #18ffff with #0057c9. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 5
- G 67
- B 89
RGB color chart
- C 95
- M 25
- Y 0
- K 11
CMYK color chart

● #0cabe4 color description : Vivid blue.

The hexadecimal color #0cabe4 has RGB values of R:12, G:171, B:228 and CMYK values of C:0.95, M:0.25, Y:0, K:0.11. Its decimal value is 830436.

Hex triplet	0cabe4	`#0cabe4`
RGB Decimal	12, 171, 228	`rgb(12,171,228)`
RGB Percent	4.7, 67.1, 89.4	`rgb(4.7%,67.1%,89.4%)`
CMYK	95, 25, 0, 11
HSL	195.8°, 90, 47.1	`hsl(195.8,90%,47.1%)`
HSV (or HSB)	195.8°, 94.7, 89.4
Web Safe	0099cc	`#0099cc`

CIE-LAB	65.595, -16.203, -38.73
XYZ	28.714, 34.803, 78.599
xyY	0.202, 0.245, 34.803
CIE-LCH	65.595, 41.983, 247.298
CIE-LUV	65.595, -44.182, -59.786
Hunter-Lab	58.994, -16.356, -37.698
Binary	00001100, 10101011, 11100100

#0cabe4
```
#0cabe4 rgb(12,171,228)
```
#e4450c
```
#e4450c rgb(228,69,12)
```

Complementary Color

#0ce4b1
```
#0ce4b1 rgb(12,228,177)
```
#0cabe4
```
#0cabe4 rgb(12,171,228)
```
#0c3fe4
```
#0c3fe4 rgb(12,63,228)
```

Analogous Color

#e4b10c
```
#e4b10c rgb(228,177,12)
```
#0cabe4
```
#0cabe4 rgb(12,171,228)
```
#e40c3f
```
#e40c3f rgb(228,12,63)
```

Split Complementary Color

#abe40c
```
#abe40c rgb(171,228,12)
```
#0cabe4
```
#0cabe4 rgb(12,171,228)
```
#e40cab
```
#e40cab rgb(228,12,171)
```

Triadic Color

#0ce445
```
#0ce445 rgb(12,228,69)
```
#0cabe4
```
#0cabe4 rgb(12,171,228)
```
#e40cab
```
#e40cab rgb(228,12,171)
```
#e4450c
```
#e4450c rgb(228,69,12)
```

Tetradic Color

#08749b
```
#08749b rgb(8,116,155)
```
#0987b4
```
#0987b4 rgb(9,135,180)
```
#0b99cc
```
#0b99cc rgb(11,153,204)
```
#0cabe4
```
#0cabe4 rgb(12,171,228)
```
#17b9f3
```
#17b9f3 rgb(23,185,243)
```
#2fc0f4
```
#2fc0f4 rgb(47,192,244)
```
#47c7f5
```
#47c7f5 rgb(71,199,245)
```

Monochromatic Color

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

#0ce1e4
```
#0ce1e4 rgb(12,225,228)
```
#0ccfe4
```
#0ccfe4 rgb(12,207,228)
```
#0cbde4
```
#0cbde4 rgb(12,189,228)
```
#0cabe4
```
#0cabe4 rgb(12,171,228)
```
#0c99e4
```
#0c99e4 rgb(12,153,228)
```
#0c87e4
```
#0c87e4 rgb(12,135,228)
```
#0c75e4
```
#0c75e4 rgb(12,117,228)
```

Similar Colors

Text with hexadecimal color #0cabe4

This text has a font color of #0cabe4.

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

#0cabe4 background color

This paragraph has a background color of #0cabe4.

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

#0cabe4 border color

This element has a border color of #0cabe4.

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

CSS codes

.text {color:#0cabe4;}

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

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

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 #f1fbfe is the lightest one.

#000304
```
#000304 rgb(0,3,4)
```
#011117
```
#011117 rgb(1,17,23)
```
#021f2a
```
#021f2a rgb(2,31,42)
```
#032d3c
```
#032d3c rgb(3,45,60)
```
#043b4f
```
#043b4f rgb(4,59,79)
```
#054962
```
#054962 rgb(5,73,98)
```
#065774
```
#065774 rgb(6,87,116)
```
#076587
```
#076587 rgb(7,101,135)
```
#087399
```
#087399 rgb(8,115,153)
```
#0981ac
```
#0981ac rgb(9,129,172)
```
#0a8fbf
```
#0a8fbf rgb(10,143,191)
```
#0b9dd1
```
#0b9dd1 rgb(11,157,209)
```
#0cabe4
```
#0cabe4 rgb(12,171,228)
```

Shade Color Variation

#11b7f2
```
#11b7f2 rgb(17,183,242)
```
#24bdf3
```
#24bdf3 rgb(36,189,243)
```
#36c2f4
```
#36c2f4 rgb(54,194,244)
```
#49c8f5
```
#49c8f5 rgb(73,200,245)
```
#5ccef6
```
#5ccef6 rgb(92,206,246)
```
#6ed3f7
```
#6ed3f7 rgb(110,211,247)
```
#81d9f8
```
#81d9f8 rgb(129,217,248)
```
#94def9
```
#94def9 rgb(148,222,249)
```
#a6e4fa
```
#a6e4fa rgb(166,228,250)
```
#b9eafb
```
#b9eafb rgb(185,234,251)
```
#cbeffc
```
#cbeffc rgb(203,239,252)
```
#def5fd
```
#def5fd rgb(222,245,253)
```
#f1fbfe
```
#f1fbfe rgb(241,251,254)
```

Tint Color Variation

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

#727b7e
```
#727b7e rgb(114,123,126)
```
#687f88
```
#687f88 rgb(104,127,136)
```
#5f8491
```
#5f8491 rgb(95,132,145)
```
#56889a
```
#56889a rgb(86,136,154)
```
#4d8ca3
```
#4d8ca3 rgb(77,140,163)
```
#4391ad
```
#4391ad rgb(67,145,173)
```
#3a95b6
```
#3a95b6 rgb(58,149,182)
```
#319abf
```
#319abf rgb(49,154,191)
```
#289ec8
```
#289ec8 rgb(40,158,200)
```
#1ea2d2
```
#1ea2d2 rgb(30,162,210)
```
#15a7db
```
#15a7db rgb(21,167,219)
```
#0cabe4
```
#0cabe4 rgb(12,171,228)
```
#03afed
```
#03afed rgb(3,175,237)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#6a8a96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a2dc Protanopia 1% of men
#83a3ea Deuteranopia 1% of men
#00b4c0 Tritanopia 0.001% of the population

Trichromacy

#61a5de Protanomaly 1% of men, 0.01% of women
#57a6e8 Deuteranomaly 6% of men, 0.4% of women
#04b0cd Tritanomaly 0.01% of the population

#0cabe4 hex color

#0cabe4 Color Information

#0cabe4 Color Conversion

Color Schemes with #0cabe4

Alternatives to #0cabe4

#0cabe4 Preview

Shades and Tints of #0cabe4

Tones of #0cabe4

Color Blindness Simulator