#0cd8ff hex color

In a RGB color space, hex #0cd8ff is composed of 4.7% red, 84.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 15.3% magenta, 0% yellow and 0% black. It has a hue angle of 189.6 degrees, a saturation of 100% and a lightness of 52.4%. #0cd8ff color hex could be obtained by blending #18ffff with #00b1ff. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 5
- G 85
- B 100
RGB color chart
- C 95
- M 15
- Y 0
- K 0
CMYK color chart

● #0cd8ff color description : Vivid cyan.

The hexadecimal color #0cd8ff has RGB values of R:12, G:216, B:255 and CMYK values of C:0.95, M:0.15, Y:0, K:0. Its decimal value is 841983.

Hex triplet	0cd8ff	`#0cd8ff`
RGB Decimal	12, 216, 255	`rgb(12,216,255)`
RGB Percent	4.7, 84.7, 100	`rgb(4.7%,84.7%,100%)`
CMYK	95, 15, 0, 0
HSL	189.6°, 100, 52.4	`hsl(189.6,100%,52.4%)`
HSV (or HSB)	189.6°, 95.3, 100
Web Safe	00ccff	`#00ccff`

CIE-LAB	79.844, -30.022, -31.233
XYZ	42.752, 56.406, 103.236
xyY	0.211, 0.279, 56.406
CIE-LCH	79.844, 43.322, 226.132
CIE-LUV	79.844, -57.253, -46.481
Hunter-Lab	75.104, -29.821, -28.927
Binary	00001100, 11011000, 11111111

#0cd8ff
```
#0cd8ff rgb(12,216,255)
```
#ff330c
```
#ff330c rgb(255,51,12)
```

Complementary Color

#0cffad
```
#0cffad rgb(12,255,173)
```
#0cd8ff
```
#0cd8ff rgb(12,216,255)
```
#0c5eff
```
#0c5eff rgb(12,94,255)
```

Analogous Color

#ffad0c
```
#ffad0c rgb(255,173,12)
```
#0cd8ff
```
#0cd8ff rgb(12,216,255)
```
#ff0c5e
```
#ff0c5e rgb(255,12,94)
```

Split Complementary Color

#d8ff0c
```
#d8ff0c rgb(216,255,12)
```
#0cd8ff
```
#0cd8ff rgb(12,216,255)
```
#ff0cd8
```
#ff0cd8 rgb(255,12,216)
```

Triadic Color

#0cff33
```
#0cff33 rgb(12,255,51)
```
#0cd8ff
```
#0cd8ff rgb(12,216,255)
```
#ff0cd8
```
#ff0cd8 rgb(255,12,216)
```
#ff330c
```
#ff330c rgb(255,51,12)
```

Tetradic Color

#00a0bf
```
#00a0bf rgb(0,160,191)
```
#00b5d8
```
#00b5d8 rgb(0,181,216)
```
#00cbf2
```
#00cbf2 rgb(0,203,242)
```
#0cd8ff
```
#0cd8ff rgb(12,216,255)
```
#26dcff
```
#26dcff rgb(38,220,255)
```
#3fe0ff
```
#3fe0ff rgb(63,224,255)
```
#59e4ff
```
#59e4ff rgb(89,228,255)
```

Monochromatic Color

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

#0cffe9
```
#0cffe9 rgb(12,255,233)
```
#0cfffe
```
#0cfffe rgb(12,255,254)
```
#0cecff
```
#0cecff rgb(12,236,255)
```
#0cd8ff
```
#0cd8ff rgb(12,216,255)
```
#0cc4ff
```
#0cc4ff rgb(12,196,255)
```
#0cb0ff
```
#0cb0ff rgb(12,176,255)
```
#0c9bff
```
#0c9bff rgb(12,155,255)
```

Similar Colors

Text with hexadecimal color #0cd8ff

This text has a font color of #0cd8ff.

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

#0cd8ff background color

This paragraph has a background color of #0cd8ff.

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

#0cd8ff border color

This element has a border color of #0cd8ff.

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

CSS codes

.text {color:#0cd8ff;}

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

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

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, #000a0c is the darkest color, while #f7feff is the lightest one.

#000a0c
```
#000a0c rgb(0,10,12)
```
#001b20
```
#001b20 rgb(0,27,32)
```
#002b33
```
#002b33 rgb(0,43,51)
```
#003b47
```
#003b47 rgb(0,59,71)
```
#004c5a
```
#004c5a rgb(0,76,90)
```
#005c6e
```
#005c6e rgb(0,92,110)
```
#006d82
```
#006d82 rgb(0,109,130)
```
#007d95
```
#007d95 rgb(0,125,149)
```
#008ea9
```
#008ea9 rgb(0,142,169)
```
#009ebd
```
#009ebd rgb(0,158,189)
```
#00afd0
```
#00afd0 rgb(0,175,208)
```
#00bfe4
```
#00bfe4 rgb(0,191,228)
```
#00d0f7
```
#00d0f7 rgb(0,208,247)
```

Shade Color Variation

#0cd8ff
```
#0cd8ff rgb(12,216,255)
```
#20dbff
```
#20dbff rgb(32,219,255)
```
#33deff
```
#33deff rgb(51,222,255)
```
#47e1ff
```
#47e1ff rgb(71,225,255)
```
#5ae5ff
```
#5ae5ff rgb(90,229,255)
```
#6ee8ff
```
#6ee8ff rgb(110,232,255)
```
#82ebff
```
#82ebff rgb(130,235,255)
```
#95eeff
```
#95eeff rgb(149,238,255)
```
#a9f1ff
```
#a9f1ff rgb(169,241,255)
```
#bdf4ff
```
#bdf4ff rgb(189,244,255)
```
#d0f7ff
```
#d0f7ff rgb(208,247,255)
```
#e4fbff
```
#e4fbff rgb(228,251,255)
```
#f7feff
```
#f7feff rgb(247,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c8c8f is the less saturated color, while #0cd8ff is the most saturated one.

#7c8c8f
```
#7c8c8f rgb(124,140,143)
```
#739298
```
#739298 rgb(115,146,152)
```
#6999a2
```
#6999a2 rgb(105,153,162)
```
#609fab
```
#609fab rgb(96,159,171)
```
#57a5b4
```
#57a5b4 rgb(87,165,180)
```
#4dacbe
```
#4dacbe rgb(77,172,190)
```
#44b2c7
```
#44b2c7 rgb(68,178,199)
```
#3bb8d0
```
#3bb8d0 rgb(59,184,208)
```
#31bfda
```
#31bfda rgb(49,191,218)
```
#28c5e3
```
#28c5e3 rgb(40,197,227)
```
#1fcbec
```
#1fcbec rgb(31,203,236)
```
#15d2f6
```
#15d2f6 rgb(21,210,246)
```
#0cd8ff
```
#0cd8ff rgb(12,216,255)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#82aab2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec7f2 Protanopia 1% of men
#b9c6ff Deuteranopia 1% of men
#00dcec Tritanopia 0.001% of the population

Trichromacy

#7dcdf7 Protanomaly 1% of men, 0.01% of women
#7accff Deuteranomaly 6% of men, 0.4% of women
#04daf2 Tritanomaly 0.01% of the population

#0cd8ff hex color

#0cd8ff Color Information

#0cd8ff Color Conversion

Color Schemes with #0cd8ff

Alternatives to #0cd8ff

#0cd8ff Preview

Shades and Tints of #0cd8ff

Tones of #0cd8ff

Color Blindness Simulator