#0ccedd hex color

In a RGB color space, hex #0ccedd is composed of 4.7% red, 80.8% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 94.6% cyan, 6.8% magenta, 0% yellow and 13.3% black. It has a hue angle of 184.3 degrees, a saturation of 89.7% and a lightness of 45.7%. #0ccedd color hex could be obtained by blending #18ffff with #009dbb. Closest websafe color is: #00cccc.

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

● #0ccedd color description : Vivid cyan.

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

Hex triplet	0ccedd	`#0ccedd`
RGB Decimal	12, 206, 221	`rgb(12,206,221)`
RGB Percent	4.7, 80.8, 86.7	`rgb(4.7%,80.8%,86.7%)`
CMYK	95, 7, 0, 13
HSL	184.3°, 89.7, 45.7	`hsl(184.3,89.7%,45.7%)`
HSV (or HSB)	184.3°, 94.6, 86.7
Web Safe	00cccc	`#00cccc`

CIE-LAB	75.723, -36.055, -19.336
XYZ	35.27, 49.438, 76.086
xyY	0.219, 0.307, 49.438
CIE-LCH	75.723, 40.912, 208.204
CIE-LUV	75.723, -56.577, -25.252
Hunter-Lab	70.312, -33.506, -14.941
Binary	00001100, 11001110, 11011101

#0ccedd
```
#0ccedd rgb(12,206,221)
```
#dd1b0c
```
#dd1b0c rgb(221,27,12)
```

Complementary Color

#0cdd84
```
#0cdd84 rgb(12,221,132)
```
#0ccedd
```
#0ccedd rgb(12,206,221)
```
#0c66dd
```
#0c66dd rgb(12,102,221)
```

Analogous Color

#dd840c
```
#dd840c rgb(221,132,12)
```
#0ccedd
```
#0ccedd rgb(12,206,221)
```
#dd0c66
```
#dd0c66 rgb(221,12,102)
```

Split Complementary Color

#cedd0c
```
#cedd0c rgb(206,221,12)
```
#0ccedd
```
#0ccedd rgb(12,206,221)
```
#dd0cce
```
#dd0cce rgb(221,12,206)
```

Triadic Color

#0cdd1b
```
#0cdd1b rgb(12,221,27)
```
#0ccedd
```
#0ccedd rgb(12,206,221)
```
#dd0cce
```
#dd0cce rgb(221,12,206)
```
#dd1b0c
```
#dd1b0c rgb(221,27,12)
```

Tetradic Color

#088a94
```
#088a94 rgb(8,138,148)
```
#09a1ad
```
#09a1ad rgb(9,161,173)
```
#0bb7c5
```
#0bb7c5 rgb(11,183,197)
```
#0ccedd
```
#0ccedd rgb(12,206,221)
```
#10e2f2
```
#10e2f2 rgb(16,226,242)
```
#29e5f3
```
#29e5f3 rgb(41,229,243)
```
#41e8f5
```
#41e8f5 rgb(65,232,245)
```

Monochromatic Color

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

#0cddb8
```
#0cddb8 rgb(12,221,184)
```
#0cddc9
```
#0cddc9 rgb(12,221,201)
```
#0cdddb
```
#0cdddb rgb(12,221,219)
```
#0ccedd
```
#0ccedd rgb(12,206,221)
```
#0cbddd
```
#0cbddd rgb(12,189,221)
```
#0cabdd
```
#0cabdd rgb(12,171,221)
```
#0c9add
```
#0c9add rgb(12,154,221)
```

Similar Colors

Text with hexadecimal color #0ccedd

This text has a font color of #0ccedd.

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

#0ccedd background color

This paragraph has a background color of #0ccedd.

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

#0ccedd border color

This element has a border color of #0ccedd.

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

CSS codes

.text {color:#0ccedd;}

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

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

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, #010f10 is the darkest color, while #fdffff is the lightest one.

#010f10
```
#010f10 rgb(1,15,16)
```
#022123
```
#022123 rgb(2,33,35)
```
#033236
```
#033236 rgb(3,50,54)
```
#044348
```
#044348 rgb(4,67,72)
```
#05555b
```
#05555b rgb(5,85,91)
```
#06666d
```
#06666d rgb(6,102,109)
```
#077780
```
#077780 rgb(7,119,128)
```
#088993
```
#088993 rgb(8,137,147)
```
#099aa5
```
#099aa5 rgb(9,154,165)
```
#0aabb8
```
#0aabb8 rgb(10,171,184)
```
#0bbdca
```
#0bbdca rgb(11,189,202)
```
#0ccedd
```
#0ccedd rgb(12,206,221)
```
#0ddff0
```
#0ddff0 rgb(13,223,240)
```

Shade Color Variation

#1de3f3
```
#1de3f3 rgb(29,227,243)
```
#30e6f4
```
#30e6f4 rgb(48,230,244)
```
#43e8f5
```
#43e8f5 rgb(67,232,245)
```
#55eaf6
```
#55eaf6 rgb(85,234,246)
```
#68edf7
```
#68edf7 rgb(104,237,247)
```
#7beff8
```
#7beff8 rgb(123,239,248)
```
#8df1f9
```
#8df1f9 rgb(141,241,249)
```
#a0f3fa
```
#a0f3fa rgb(160,243,250)
```
#b2f6fb
```
#b2f6fb rgb(178,246,251)
```
#c5f8fc
```
#c5f8fc rgb(197,248,252)
```
#d8fafd
```
#d8fafd rgb(216,250,253)
```
#eafcfe
```
#eafcfe rgb(234,252,254)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#6f7a7a
```
#6f7a7a rgb(111,122,122)
```
#668183
```
#668183 rgb(102,129,131)
```
#5d898c
```
#5d898c rgb(93,137,140)
```
#549195
```
#549195 rgb(84,145,149)
```
#4b989e
```
#4b989e rgb(75,152,158)
```
#42a0a7
```
#42a0a7 rgb(66,160,167)
```
#39a8b0
```
#39a8b0 rgb(57,168,176)
```
#30afb9
```
#30afb9 rgb(48,175,185)
```
#27b7c2
```
#27b7c2 rgb(39,183,194)
```
#1ebfcb
```
#1ebfcb rgb(30,191,203)
```
#15c6d4
```
#15c6d4 rgb(21,198,212)
```
#0ccedd
```
#0ccedd rgb(12,206,221)
```
#03d6e6
```
#03d6e6 rgb(3,214,230)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#7aa1a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#babcd2 Protanopia 1% of men
#b9bae7 Deuteranopia 1% of men
#1bd0df Tritanopia 0.001% of the population

Trichromacy

#7bc3d6 Protanomaly 1% of men, 0.01% of women
#7ac1e3 Deuteranomaly 6% of men, 0.4% of women
#16cfde Tritanomaly 0.01% of the population

#0ccedd hex color

#0ccedd Color Information

#0ccedd Color Conversion

Color Schemes with #0ccedd

Alternatives to #0ccedd

#0ccedd Preview

Shades and Tints of #0ccedd

Tones of #0ccedd

Color Blindness Simulator