#0cddff hex color

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

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

● #0cddff color description : Vivid cyan.

The hexadecimal color #0cddff has RGB values of R:12, G:221, B:255 and CMYK values of C:0.95, M:0.13, Y:0, K:0. Its decimal value is 843263.

Hex triplet	0cddff	`#0cddff`
RGB Decimal	12, 221, 255	`rgb(12,221,255)`
RGB Percent	4.7, 86.7, 100	`rgb(4.7%,86.7%,100%)`
CMYK	95, 13, 0, 0
HSL	188.4°, 100, 52.4	`hsl(188.4,100%,52.4%)`
HSV (or HSB)	188.4°, 95.3, 100
Web Safe	00ccff	`#00ccff`

CIE-LAB	81.295, -32.431, -29.005
XYZ	44.053, 59.007, 103.67
xyY	0.213, 0.285, 59.007
CIE-LCH	81.295, 43.51, 221.808
CIE-LUV	81.295, -58.921, -42.399
Hunter-Lab	76.816, -32.06, -26.246
Binary	00001100, 11011101, 11111111

#0cddff
```
#0cddff rgb(12,221,255)
```
#ff2e0c
```
#ff2e0c rgb(255,46,12)
```

Complementary Color

#0cffa8
```
#0cffa8 rgb(12,255,168)
```
#0cddff
```
#0cddff rgb(12,221,255)
```
#0c64ff
```
#0c64ff rgb(12,100,255)
```

Analogous Color

#ffa80c
```
#ffa80c rgb(255,168,12)
```
#0cddff
```
#0cddff rgb(12,221,255)
```
#ff0c64
```
#ff0c64 rgb(255,12,100)
```

Split Complementary Color

#ddff0c
```
#ddff0c rgb(221,255,12)
```
#0cddff
```
#0cddff rgb(12,221,255)
```
#ff0cdd
```
#ff0cdd rgb(255,12,221)
```

Triadic Color

#0cff2e
```
#0cff2e rgb(12,255,46)
```
#0cddff
```
#0cddff rgb(12,221,255)
```
#ff0cdd
```
#ff0cdd rgb(255,12,221)
```
#ff2e0c
```
#ff2e0c rgb(255,46,12)
```

Tetradic Color

#00a4bf
```
#00a4bf rgb(0,164,191)
```
#00bad8
```
#00bad8 rgb(0,186,216)
```
#00d0f2
```
#00d0f2 rgb(0,208,242)
```
#0cddff
```
#0cddff rgb(12,221,255)
```
#26e1ff
```
#26e1ff rgb(38,225,255)
```
#3fe4ff
```
#3fe4ff rgb(63,228,255)
```
#59e8ff
```
#59e8ff rgb(89,232,255)
```

Monochromatic Color

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

#0cffe4
```
#0cffe4 rgb(12,255,228)
```
#0cfff9
```
#0cfff9 rgb(12,255,249)
```
#0cf1ff
```
#0cf1ff rgb(12,241,255)
```
#0cddff
```
#0cddff rgb(12,221,255)
```
#0cc9ff
```
#0cc9ff rgb(12,201,255)
```
#0cb5ff
```
#0cb5ff rgb(12,181,255)
```
#0ca0ff
```
#0ca0ff rgb(12,160,255)
```

Similar Colors

Text with hexadecimal color #0cddff

This text has a font color of #0cddff.

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

#0cddff background color

This paragraph has a background color of #0cddff.

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

#0cddff border color

This element has a border color of #0cddff.

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

CSS codes

.text {color:#0cddff;}

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

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

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)
```
#004e5a
```
#004e5a rgb(0,78,90)
```
#005f6e
```
#005f6e rgb(0,95,110)
```
#007082
```
#007082 rgb(0,112,130)
```
#008095
```
#008095 rgb(0,128,149)
```
#0091a9
```
#0091a9 rgb(0,145,169)
```
#00a2bd
```
#00a2bd rgb(0,162,189)
```
#00b3d0
```
#00b3d0 rgb(0,179,208)
```
#00c4e4
```
#00c4e4 rgb(0,196,228)
```
#00d5f7
```
#00d5f7 rgb(0,213,247)
```

Shade Color Variation

#0cddff
```
#0cddff rgb(12,221,255)
```
#20e0ff
```
#20e0ff rgb(32,224,255)
```
#33e2ff
```
#33e2ff rgb(51,226,255)
```
#47e5ff
```
#47e5ff rgb(71,229,255)
```
#5ae8ff
```
#5ae8ff rgb(90,232,255)
```
#6eebff
```
#6eebff rgb(110,235,255)
```
#82edff
```
#82edff rgb(130,237,255)
```
#95f0ff
```
#95f0ff rgb(149,240,255)
```
#a9f3ff
```
#a9f3ff rgb(169,243,255)
```
#bdf6ff
```
#bdf6ff rgb(189,246,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 #0cddff is the most saturated one.

#7c8c8f
```
#7c8c8f rgb(124,140,143)
```
#739398
```
#739398 rgb(115,147,152)
```
#699aa2
```
#699aa2 rgb(105,154,162)
```
#60a0ab
```
#60a0ab rgb(96,160,171)
```
#57a7b4
```
#57a7b4 rgb(87,167,180)
```
#4daebe
```
#4daebe rgb(77,174,190)
```
#44b5c7
```
#44b5c7 rgb(68,181,199)
```
#3bbbd0
```
#3bbbd0 rgb(59,187,208)
```
#31c2da
```
#31c2da rgb(49,194,218)
```
#28c9e3
```
#28c9e3 rgb(40,201,227)
```
#1fd0ec
```
#1fd0ec rgb(31,208,236)
```
#15d6f6
```
#15d6f6 rgb(21,214,246)
```
#0cddff
```
#0cddff rgb(12,221,255)
```

Tone Color Variation

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

#c3caf2 Protanopia 1% of men
#c0caff Deuteranopia 1% of men
#00e0f0 Tritanopia 0.001% of the population

Trichromacy

#80d1f7 Protanomaly 1% of men, 0.01% of women
#7ed1ff Deuteranomaly 6% of men, 0.4% of women
#04dff5 Tritanomaly 0.01% of the population

#0cddff hex color

#0cddff Color Information

#0cddff Color Conversion

Color Schemes with #0cddff

Alternatives to #0cddff

#0cddff Preview

Shades and Tints of #0cddff

Tones of #0cddff

Color Blindness Simulator