#0cbde9 hex color

In a RGB color space, hex #0cbde9 is composed of 4.7% red, 74.1% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 94.8% cyan, 18.9% magenta, 0% yellow and 8.6% black. It has a hue angle of 191.9 degrees, a saturation of 90.2% and a lightness of 48%. #0cbde9 color hex could be obtained by blending #18ffff with #007bd3. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 5
- G 74
- B 91
RGB color chart
- C 95
- M 19
- Y 0
- K 9
CMYK color chart

● #0cbde9 color description : Vivid cyan.

The hexadecimal color #0cbde9 has RGB values of R:12, G:189, B:233 and CMYK values of C:0.95, M:0.19, Y:0, K:0.09. Its decimal value is 835049.

Hex triplet	0cbde9	`#0cbde9`
RGB Decimal	12, 189, 233	`rgb(12,189,233)`
RGB Percent	4.7, 74.1, 91.4	`rgb(4.7%,74.1%,91.4%)`
CMYK	95, 19, 0, 9
HSL	191.9°, 90.2, 48	`hsl(191.9,90.2%,48%)`
HSV (or HSB)	191.9°, 94.8, 91.4
Web Safe	00ccff	`#00ccff`

CIE-LAB	71.114, -23.88, -32.883
XYZ	33.053, 42.353, 83.519
xyY	0.208, 0.266, 42.353
CIE-LCH	71.114, 40.639, 234.012
CIE-LUV	71.114, -49.885, -49.478
Hunter-Lab	65.079, -23.23, -30.534
Binary	00001100, 10111101, 11101001

#0cbde9
```
#0cbde9 rgb(12,189,233)
```
#e9380c
```
#e9380c rgb(233,56,12)
```

Complementary Color

#0ce9a7
```
#0ce9a7 rgb(12,233,167)
```
#0cbde9
```
#0cbde9 rgb(12,189,233)
```
#0c4fe9
```
#0c4fe9 rgb(12,79,233)
```

Analogous Color

#e9a70c
```
#e9a70c rgb(233,167,12)
```
#0cbde9
```
#0cbde9 rgb(12,189,233)
```
#e90c4f
```
#e90c4f rgb(233,12,79)
```

Split Complementary Color

#bde90c
```
#bde90c rgb(189,233,12)
```
#0cbde9
```
#0cbde9 rgb(12,189,233)
```
#e90cbd
```
#e90cbd rgb(233,12,189)
```

Triadic Color

#0ce938
```
#0ce938 rgb(12,233,56)
```
#0cbde9
```
#0cbde9 rgb(12,189,233)
```
#e90cbd
```
#e90cbd rgb(233,12,189)
```
#e9380c
```
#e9380c rgb(233,56,12)
```

Tetradic Color

#0882a0
```
#0882a0 rgb(8,130,160)
```
#0a96b8
```
#0a96b8 rgb(10,150,184)
```
#0ba9d1
```
#0ba9d1 rgb(11,169,209)
```
#0cbde9
```
#0cbde9 rgb(12,189,233)
```
#1bc8f3
```
#1bc8f3 rgb(27,200,243)
```
#33cef5
```
#33cef5 rgb(51,206,245)
```
#4cd4f6
```
#4cd4f6 rgb(76,212,246)
```

Monochromatic Color

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

#0ce9de
```
#0ce9de rgb(12,233,222)
```
#0ce2e9
```
#0ce2e9 rgb(12,226,233)
```
#0ccfe9
```
#0ccfe9 rgb(12,207,233)
```
#0cbde9
```
#0cbde9 rgb(12,189,233)
```
#0cabe9
```
#0cabe9 rgb(12,171,233)
```
#0c98e9
```
#0c98e9 rgb(12,152,233)
```
#0c86e9
```
#0c86e9 rgb(12,134,233)
```

Similar Colors

Text with hexadecimal color #0cbde9

This text has a font color of #0cbde9.

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

#0cbde9 background color

This paragraph has a background color of #0cbde9.

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

#0cbde9 border color

This element has a border color of #0cbde9.

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

CSS codes

.text {color:#0cbde9;}

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

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

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

#000709
```
#000709 rgb(0,7,9)
```
#01171c
```
#01171c rgb(1,23,28)
```
#02262e
```
#02262e rgb(2,38,46)
```
#033541
```
#033541 rgb(3,53,65)
```
#044454
```
#044454 rgb(4,68,84)
```
#055366
```
#055366 rgb(5,83,102)
```
#066279
```
#066279 rgb(6,98,121)
```
#07718c
```
#07718c rgb(7,113,140)
```
#08809e
```
#08809e rgb(8,128,158)
```
#0990b1
```
#0990b1 rgb(9,144,177)
```
#0a9fc4
```
#0a9fc4 rgb(10,159,196)
```
#0baed6
```
#0baed6 rgb(11,174,214)
```
#0cbde9
```
#0cbde9 rgb(12,189,233)
```

Shade Color Variation

#16c7f3
```
#16c7f3 rgb(22,199,243)
```
#28cbf4
```
#28cbf4 rgb(40,203,244)
```
#3bd0f5
```
#3bd0f5 rgb(59,208,245)
```
#4ed4f6
```
#4ed4f6 rgb(78,212,246)
```
#60d9f7
```
#60d9f7 rgb(96,217,247)
```
#73ddf8
```
#73ddf8 rgb(115,221,248)
```
#86e2f9
```
#86e2f9 rgb(134,226,249)
```
#98e6fa
```
#98e6fa rgb(152,230,250)
```
#abebfb
```
#abebfb rgb(171,235,251)
```
#beeffc
```
#beeffc rgb(190,239,252)
```
#d0f4fd
```
#d0f4fd rgb(208,244,253)
```
#e3f8fe
```
#e3f8fe rgb(227,248,254)
```
#f5fdff
```
#f5fdff rgb(245,253,255)
```

Tint Color Variation

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

#747f81
```
#747f81 rgb(116,127,129)
```
#6a848b
```
#6a848b rgb(106,132,139)
```
#618a94
```
#618a94 rgb(97,138,148)
```
#57909e
```
#57909e rgb(87,144,158)
```
#4e95a7
```
#4e95a7 rgb(78,149,167)
```
#459bb0
```
#459bb0 rgb(69,155,176)
```
#3ba1ba
```
#3ba1ba rgb(59,161,186)
```
#32a6c3
```
#32a6c3 rgb(50,166,195)
```
#28accd
```
#28accd rgb(40,172,205)
```
#1fb2d6
```
#1fb2d6 rgb(31,178,214)
```
#15b7e0
```
#15b7e0 rgb(21,183,224)
```
#0cbde9
```
#0cbde9 rgb(12,189,233)
```
#03c3f2
```
#03c3f2 rgb(3,195,242)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#73979f Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b0df Protanopia 1% of men
#9bb0f0 Deuteranopia 1% of men
#00c3d1 Tritanopia 0.001% of the population

Trichromacy

#6db5e2 Protanomaly 1% of men, 0.01% of women
#67b4ed Deuteranomaly 6% of men, 0.4% of women
#04c1d9 Tritanomaly 0.01% of the population

#0cbde9 hex color

#0cbde9 Color Information

#0cbde9 Color Conversion

Color Schemes with #0cbde9

Alternatives to #0cbde9

#0cbde9 Preview

Shades and Tints of #0cbde9

Tones of #0cbde9

Color Blindness Simulator