#0ccced hex color

In a RGB color space, hex #0ccced is composed of 4.7% red, 80% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 94.9% cyan, 13.9% magenta, 0% yellow and 7.1% black. It has a hue angle of 188.8 degrees, a saturation of 90.4% and a lightness of 48.8%. #0ccced color hex could be obtained by blending #18ffff with #0099db. Closest websafe color is: #00ccff.

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

● #0ccced color description : Vivid cyan.

The hexadecimal color #0ccced has RGB values of R:12, G:204, B:237 and CMYK values of C:0.95, M:0.14, Y:0, K:0.07. Its decimal value is 838893.

Hex triplet	0ccced	`#0ccced`
RGB Decimal	12, 204, 237	`rgb(12,204,237)`
RGB Percent	4.7, 80, 92.9	`rgb(4.7%,80%,92.9%)`
CMYK	95, 14, 0, 7
HSL	188.8°, 90.4, 48.8	`hsl(188.8,90.4%,48.8%)`
HSV (or HSB)	188.8°, 94.9, 92.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.684, -30.02, -28.005
XYZ	37.026, 49.375, 87.695
xyY	0.213, 0.284, 49.375
CIE-LCH	75.684, 41.055, 223.012
CIE-LUV	75.684, -54.636, -40.69
Hunter-Lab	70.267, -28.909, -24.808
Binary	00001100, 11001100, 11101101

#0ccced
```
#0ccced rgb(12,204,237)
```
#ed2d0c
```
#ed2d0c rgb(237,45,12)
```

Complementary Color

#0ced9e
```
#0ced9e rgb(12,237,158)
```
#0ccced
```
#0ccced rgb(12,204,237)
```
#0c5ced
```
#0c5ced rgb(12,92,237)
```

Analogous Color

#ed9e0c
```
#ed9e0c rgb(237,158,12)
```
#0ccced
```
#0ccced rgb(12,204,237)
```
#ed0c5c
```
#ed0c5c rgb(237,12,92)
```

Split Complementary Color

#cced0c
```
#cced0c rgb(204,237,12)
```
#0ccced
```
#0ccced rgb(12,204,237)
```
#ed0ccc
```
#ed0ccc rgb(237,12,204)
```

Triadic Color

#0ced2d
```
#0ced2d rgb(12,237,45)
```
#0ccced
```
#0ccced rgb(12,204,237)
```
#ed0ccc
```
#ed0ccc rgb(237,12,204)
```
#ed2d0c
```
#ed2d0c rgb(237,45,12)
```

Tetradic Color

#088da4
```
#088da4 rgb(8,141,164)
```
#0aa2bc
```
#0aa2bc rgb(10,162,188)
```
#0bb7d5
```
#0bb7d5 rgb(11,183,213)
```
#0ccced
```
#0ccced rgb(12,204,237)
```
#1fd4f4
```
#1fd4f4 rgb(31,212,244)
```
#37d9f5
```
#37d9f5 rgb(55,217,245)
```
#4fdef6
```
#4fdef6 rgb(79,222,246)
```

Monochromatic Color

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

#0cedd6
```
#0cedd6 rgb(12,237,214)
```
#0cede9
```
#0cede9 rgb(12,237,233)
```
#0cdfed
```
#0cdfed rgb(12,223,237)
```
#0ccced
```
#0ccced rgb(12,204,237)
```
#0cb9ed
```
#0cb9ed rgb(12,185,237)
```
#0ca7ed
```
#0ca7ed rgb(12,167,237)
```
#0c94ed
```
#0c94ed rgb(12,148,237)
```

Similar Colors

Text with hexadecimal color #0ccced

This text has a font color of #0ccced.

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

#0ccced background color

This paragraph has a background color of #0ccced.

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

#0ccced border color

This element has a border color of #0ccced.

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

CSS codes

.text {color:#0ccced;}

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

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

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

#010b0d
```
#010b0d rgb(1,11,13)
```
#021b20
```
#021b20 rgb(2,27,32)
```
#032b32
```
#032b32 rgb(3,43,50)
```
#033b45
```
#033b45 rgb(3,59,69)
```
#044b58
```
#044b58 rgb(4,75,88)
```
#055c6a
```
#055c6a rgb(5,92,106)
```
#066c7d
```
#066c7d rgb(6,108,125)
```
#077c90
```
#077c90 rgb(7,124,144)
```
#088ca2
```
#088ca2 rgb(8,140,162)
```
#099cb5
```
#099cb5 rgb(9,156,181)
```
#0aacc8
```
#0aacc8 rgb(10,172,200)
```
#0bbcda
```
#0bbcda rgb(11,188,218)
```
#0ccced
```
#0ccced rgb(12,204,237)
```

Shade Color Variation

#19d3f3
```
#19d3f3 rgb(25,211,243)
```
#2cd7f4
```
#2cd7f4 rgb(44,215,244)
```
#3fdaf5
```
#3fdaf5 rgb(63,218,245)
```
#51def6
```
#51def6 rgb(81,222,246)
```
#64e2f7
```
#64e2f7 rgb(100,226,247)
```
#77e5f8
```
#77e5f8 rgb(119,229,248)
```
#89e9f9
```
#89e9f9 rgb(137,233,249)
```
#9cecfa
```
#9cecfa rgb(156,236,250)
```
#aff0fb
```
#aff0fb rgb(175,240,251)
```
#c1f3fc
```
#c1f3fc rgb(193,243,252)
```
#d4f7fd
```
#d4f7fd rgb(212,247,253)
```
#e7fafe
```
#e7fafe rgb(231,250,254)
```
#f9feff
```
#f9feff rgb(249,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #758284 is the less saturated color, while #02d3f7 is the most saturated one.

#758284
```
#758284 rgb(117,130,132)
```
#6c888d
```
#6c888d rgb(108,136,141)
```
#628f97
```
#628f97 rgb(98,143,151)
```
#5996a0
```
#5996a0 rgb(89,150,160)
```
#4f9daa
```
#4f9daa rgb(79,157,170)
```
#45a3b4
```
#45a3b4 rgb(69,163,180)
```
#3caabd
```
#3caabd rgb(60,170,189)
```
#32b1c7
```
#32b1c7 rgb(50,177,199)
```
#29b8d0
```
#29b8d0 rgb(41,184,208)
```
#1fbeda
```
#1fbeda rgb(31,190,218)
```
#16c5e3
```
#16c5e3 rgb(22,197,227)
```
#0ccced
```
#0ccced rgb(12,204,237)
```
#02d3f7
```
#02d3f7 rgb(2,211,247)
```

Tone Color Variation

Below, you can see how #0ccced 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
#7aa1a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5bce2 Protanopia 1% of men
#afbbf5 Deuteranopia 1% of men
#00d0df Tritanopia 0.001% of the population

Trichromacy

#77c2e6 Protanomaly 1% of men, 0.01% of women
#73c1f2 Deuteranomaly 6% of men, 0.4% of women
#04cee4 Tritanomaly 0.01% of the population

#0ccced hex color

#0ccced Color Information

#0ccced Color Conversion

Color Schemes with #0ccced

Alternatives to #0ccced

#0ccced Preview

Shades and Tints of #0ccced

Tones of #0ccced

Color Blindness Simulator