#0cdcff hex color

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

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

● #0cdcff color description : Vivid cyan.

The hexadecimal color #0cdcff has RGB values of R:12, G:220, B:255 and CMYK values of C:0.95, M:0.14, Y:0, K:0. Its decimal value is 843007.

Hex triplet	0cdcff	`#0cdcff`
RGB Decimal	12, 220, 255	`rgb(12,220,255)`
RGB Percent	4.7, 86.3, 100	`rgb(4.7%,86.3%,100%)`
CMYK	95, 14, 0, 0
HSL	188.6°, 100, 52.4	`hsl(188.6,100%,52.4%)`
HSV (or HSB)	188.6°, 95.3, 100
Web Safe	00ccff	`#00ccff`

CIE-LAB	81.005, -31.953, -29.45
XYZ	43.79, 58.48, 103.582
xyY	0.213, 0.284, 58.48
CIE-LCH	81.005, 43.454, 222.666
CIE-LUV	81.005, -58.587, -43.214
Hunter-Lab	76.472, -31.614, -26.778
Binary	00001100, 11011100, 11111111

#0cdcff
```
#0cdcff rgb(12,220,255)
```
#ff2f0c
```
#ff2f0c rgb(255,47,12)
```

Complementary Color

#0cffa9
```
#0cffa9 rgb(12,255,169)
```
#0cdcff
```
#0cdcff rgb(12,220,255)
```
#0c63ff
```
#0c63ff rgb(12,99,255)
```

Analogous Color

#ffa90c
```
#ffa90c rgb(255,169,12)
```
#0cdcff
```
#0cdcff rgb(12,220,255)
```
#ff0c62
```
#ff0c62 rgb(255,12,98)
```

Split Complementary Color

#dcff0c
```
#dcff0c rgb(220,255,12)
```
#0cdcff
```
#0cdcff rgb(12,220,255)
```
#ff0cdc
```
#ff0cdc rgb(255,12,220)
```

Triadic Color

#0cff2f
```
#0cff2f rgb(12,255,47)
```
#0cdcff
```
#0cdcff rgb(12,220,255)
```
#ff0cdc
```
#ff0cdc rgb(255,12,220)
```
#ff2f0c
```
#ff2f0c rgb(255,47,12)
```

Tetradic Color

#00a3bf
```
#00a3bf rgb(0,163,191)
```
#00b9d8
```
#00b9d8 rgb(0,185,216)
```
#00cff2
```
#00cff2 rgb(0,207,242)
```
#0cdcff
```
#0cdcff rgb(12,220,255)
```
#26e0ff
```
#26e0ff rgb(38,224,255)
```
#3fe3ff
```
#3fe3ff rgb(63,227,255)
```
#59e7ff
```
#59e7ff rgb(89,231,255)
```

Monochromatic Color

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

#0cffe5
```
#0cffe5 rgb(12,255,229)
```
#0cfffa
```
#0cfffa rgb(12,255,250)
```
#0cf0ff
```
#0cf0ff rgb(12,240,255)
```
#0cdcff
```
#0cdcff rgb(12,220,255)
```
#0cc8ff
```
#0cc8ff rgb(12,200,255)
```
#0cb4ff
```
#0cb4ff rgb(12,180,255)
```
#0c9fff
```
#0c9fff rgb(12,159,255)
```

Similar Colors

Text with hexadecimal color #0cdcff

This text has a font color of #0cdcff.

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

#0cdcff background color

This paragraph has a background color of #0cdcff.

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

#0cdcff border color

This element has a border color of #0cdcff.

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

CSS codes

.text {color:#0cdcff;}

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

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

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)
```
#002c33
```
#002c33 rgb(0,44,51)
```
#003d47
```
#003d47 rgb(0,61,71)
```
#004d5a
```
#004d5a rgb(0,77,90)
```
#005e6e
```
#005e6e rgb(0,94,110)
```
#006f82
```
#006f82 rgb(0,111,130)
```
#008095
```
#008095 rgb(0,128,149)
```
#0091a9
```
#0091a9 rgb(0,145,169)
```
#00a1bd
```
#00a1bd rgb(0,161,189)
```
#00b2d0
```
#00b2d0 rgb(0,178,208)
```
#00c3e4
```
#00c3e4 rgb(0,195,228)
```
#00d4f7
```
#00d4f7 rgb(0,212,247)
```

Shade Color Variation

#0cdcff
```
#0cdcff rgb(12,220,255)
```
#20dfff
```
#20dfff rgb(32,223,255)
```
#33e2ff
```
#33e2ff rgb(51,226,255)
```
#47e4ff
```
#47e4ff rgb(71,228,255)
```
#5ae7ff
```
#5ae7ff rgb(90,231,255)
```
#6eeaff
```
#6eeaff rgb(110,234,255)
```
#82edff
```
#82edff rgb(130,237,255)
```
#95f0ff
```
#95f0ff rgb(149,240,255)
```
#a9f3ff
```
#a9f3ff rgb(169,243,255)
```
#bdf5ff
```
#bdf5ff rgb(189,245,255)
```
#d0f8ff
```
#d0f8ff rgb(208,248,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 #0cdcff is the most saturated one.

#7c8c8f
```
#7c8c8f rgb(124,140,143)
```
#739398
```
#739398 rgb(115,147,152)
```
#6999a2
```
#6999a2 rgb(105,153,162)
```
#60a0ab
```
#60a0ab rgb(96,160,171)
```
#57a7b4
```
#57a7b4 rgb(87,167,180)
```
#4dadbe
```
#4dadbe rgb(77,173,190)
```
#44b4c7
```
#44b4c7 rgb(68,180,199)
```
#3bbbd0
```
#3bbbd0 rgb(59,187,208)
```
#31c1da
```
#31c1da rgb(49,193,218)
```
#28c8e3
```
#28c8e3 rgb(40,200,227)
```
#1fcfec
```
#1fcfec rgb(31,207,236)
```
#15d5f6
```
#15d5f6 rgb(21,213,246)
```
#0cdcff
```
#0cdcff rgb(12,220,255)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#84aeb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2caf2 Protanopia 1% of men
#bec9ff Deuteranopia 1% of men
#00dfef Tritanopia 0.001% of the population

Trichromacy

#80d0f7 Protanomaly 1% of men, 0.01% of women
#7dd0ff Deuteranomaly 6% of men, 0.4% of women
#04def5 Tritanomaly 0.01% of the population

#0cdcff hex color

#0cdcff Color Information

#0cdcff Color Conversion

Color Schemes with #0cdcff

Alternatives to #0cdcff

#0cdcff Preview

Shades and Tints of #0cdcff

Tones of #0cdcff

Color Blindness Simulator