#0ccffd hex color

In a RGB color space, hex #0ccffd is composed of 4.7% red, 81.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 95.3% cyan, 18.2% magenta, 0% yellow and 0.8% black. It has a hue angle of 191.5 degrees, a saturation of 98.4% and a lightness of 52%. #0ccffd color hex could be obtained by blending #18ffff with #009ffb. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 5
- G 81
- B 99
RGB color chart
- C 95
- M 18
- Y 0
- K 1
CMYK color chart

● #0ccffd color description : Vivid cyan.

The hexadecimal color #0ccffd has RGB values of R:12, G:207, B:253 and CMYK values of C:0.95, M:0.18, Y:0, K:0.01. Its decimal value is 839677.

Hex triplet	0ccffd	`#0ccffd`
RGB Decimal	12, 207, 253	`rgb(12,207,253)`
RGB Percent	4.7, 81.2, 99.2	`rgb(4.7%,81.2%,99.2%)`
CMYK	95, 18, 0, 1
HSL	191.5°, 98.4, 52	`hsl(191.5,98.4%,52%)`
HSV (or HSB)	191.5°, 95.3, 99.2
Web Safe	00ccff	`#00ccff`

CIE-LAB	77.156, -26.251, -34.31
XYZ	40.189, 51.792, 100.802
xyY	0.208, 0.269, 51.792
CIE-LCH	77.156, 43.201, 232.581
CIE-LUV	77.156, -54.403, -52.113
Hunter-Lab	71.966, -26.259, -32.67
Binary	00001100, 11001111, 11111101

#0ccffd
```
#0ccffd rgb(12,207,253)
```
#fd3a0c
```
#fd3a0c rgb(253,58,12)
```

Complementary Color

#0cfdb3
```
#0cfdb3 rgb(12,253,179)
```
#0ccffd
```
#0ccffd rgb(12,207,253)
```
#0c57fd
```
#0c57fd rgb(12,87,253)
```

Analogous Color

#fdb30c
```
#fdb30c rgb(253,179,12)
```
#0ccffd
```
#0ccffd rgb(12,207,253)
```
#fd0c57
```
#fd0c57 rgb(253,12,87)
```

Split Complementary Color

#cffd0c
```
#cffd0c rgb(207,253,12)
```
#0ccffd
```
#0ccffd rgb(12,207,253)
```
#fd0ccf
```
#fd0ccf rgb(253,12,207)
```

Triadic Color

#0cfd3a
```
#0cfd3a rgb(12,253,58)
```
#0ccffd
```
#0ccffd rgb(12,207,253)
```
#fd0ccf
```
#fd0ccf rgb(253,12,207)
```
#fd3a0c
```
#fd3a0c rgb(253,58,12)
```

Tetradic Color

#0298bb
```
#0298bb rgb(2,152,187)
```
#02acd4
```
#02acd4 rgb(2,172,212)
```
#02c1ee
```
#02c1ee rgb(2,193,238)
```
#0ccffd
```
#0ccffd rgb(12,207,253)
```
#25d4fd
```
#25d4fd rgb(37,212,253)
```
#3fd9fd
```
#3fd9fd rgb(63,217,253)
```
#58defe
```
#58defe rgb(88,222,254)
```

Monochromatic Color

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

#0cfdef
```
#0cfdef rgb(12,253,239)
```
#0cf7fd
```
#0cf7fd rgb(12,247,253)
```
#0ce3fd
```
#0ce3fd rgb(12,227,253)
```
#0ccffd
```
#0ccffd rgb(12,207,253)
```
#0cbbfd
```
#0cbbfd rgb(12,187,253)
```
#0ca7fd
```
#0ca7fd rgb(12,167,253)
```
#0c93fd
```
#0c93fd rgb(12,147,253)
```

Similar Colors

Text with hexadecimal color #0ccffd

This text has a font color of #0ccffd.

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

#0ccffd background color

This paragraph has a background color of #0ccffd.

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

#0ccffd border color

This element has a border color of #0ccffd.

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

CSS codes

.text {color:#0ccffd;}

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

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

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, #00080a is the darkest color, while #f5fdff is the lightest one.

#00080a
```
#00080a rgb(0,8,10)
```
#00181d
```
#00181d rgb(0,24,29)
```
#002831
```
#002831 rgb(0,40,49)
```
#013744
```
#013744 rgb(1,55,68)
```
#014758
```
#014758 rgb(1,71,88)
```
#01576b
```
#01576b rgb(1,87,107)
```
#01677f
```
#01677f rgb(1,103,127)
```
#017692
```
#017692 rgb(1,118,146)
```
#0186a6
```
#0186a6 rgb(1,134,166)
```
#0296b9
```
#0296b9 rgb(2,150,185)
```
#02a6cc
```
#02a6cc rgb(2,166,204)
```
#02b6e0
```
#02b6e0 rgb(2,182,224)
```
#02c5f3
```
#02c5f3 rgb(2,197,243)
```

Shade Color Variation

#0ccffd
```
#0ccffd rgb(12,207,253)
```
#1fd3fd
```
#1fd3fd rgb(31,211,253)
```
#33d7fd
```
#33d7fd rgb(51,215,253)
```
#46dbfd
```
#46dbfd rgb(70,219,253)
```
#5adefe
```
#5adefe rgb(90,222,254)
```
#6de2fe
```
#6de2fe rgb(109,226,254)
```
#81e6fe
```
#81e6fe rgb(129,230,254)
```
#94eafe
```
#94eafe rgb(148,234,254)
```
#a8eefe
```
#a8eefe rgb(168,238,254)
```
#bbf2fe
```
#bbf2fe rgb(187,242,254)
```
#cff5ff
```
#cff5ff rgb(207,245,255)
```
#e2f9ff
```
#e2f9ff rgb(226,249,255)
```
#f5fdff
```
#f5fdff rgb(245,253,255)
```

Tint Color Variation

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

#7d898c
```
#7d898c rgb(125,137,140)
```
#748f95
```
#748f95 rgb(116,143,149)
```
#6a959f
```
#6a959f rgb(106,149,159)
```
#619ba8
```
#619ba8 rgb(97,155,168)
```
#57a0b2
```
#57a0b2 rgb(87,160,178)
```
#4ea6bb
```
#4ea6bb rgb(78,166,187)
```
#45acc4
```
#45acc4 rgb(69,172,196)
```
#3bb2ce
```
#3bb2ce rgb(59,178,206)
```
#32b8d7
```
#32b8d7 rgb(50,184,215)
```
#28bee1
```
#28bee1 rgb(40,190,225)
```
#1fc3ea
```
#1fc3ea rgb(31,195,234)
```
#15c9f4
```
#15c9f4 rgb(21,201,244)
```
#0ccffd
```
#0ccffd rgb(12,207,253)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#7ea5ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bff1 Protanopia 1% of men
#adbfff Deuteranopia 1% of men
#00d4e3 Tritanopia 0.001% of the population

Trichromacy

#77c5f5 Protanomaly 1% of men, 0.01% of women
#72c5fe Deuteranomaly 6% of men, 0.4% of women
#04d2ec Tritanomaly 0.01% of the population

#0ccffd hex color

#0ccffd Color Information

#0ccffd Color Conversion

Color Schemes with #0ccffd

Alternatives to #0ccffd

#0ccffd Preview

Shades and Tints of #0ccffd

Tones of #0ccffd

Color Blindness Simulator