#0ccefa hex color

In a RGB color space, hex #0ccefa is composed of 4.7% red, 80.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 95.2% cyan, 17.6% magenta, 0% yellow and 2% black. It has a hue angle of 191.1 degrees, a saturation of 96% and a lightness of 51.4%. #0ccefa color hex could be obtained by blending #18ffff with #009df5. Closest websafe color is: #00ccff.

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

● #0ccefa color description : Vivid cyan.

The hexadecimal color #0ccefa has RGB values of R:12, G:206, B:250 and CMYK values of C:0.95, M:0.18, Y:0, K:0.02. Its decimal value is 839418.

Hex triplet	0ccefa	`#0ccefa`
RGB Decimal	12, 206, 250	`rgb(12,206,250)`
RGB Percent	4.7, 80.8, 98	`rgb(4.7%,80.8%,98%)`
CMYK	95, 18, 0, 2
HSL	191.1°, 96, 51.4	`hsl(191.1,96%,51.4%)`
HSV (or HSB)	191.1°, 95.2, 98
Web Safe	00ccff	`#00ccff`

CIE-LAB	76.751, -26.746, -33.333
XYZ	39.474, 51.119, 98.224
xyY	0.209, 0.271, 51.119
CIE-LCH	76.751, 42.736, 231.257
CIE-LUV	76.751, -54.299, -50.33
Hunter-Lab	71.498, -26.571, -31.405
Binary	00001100, 11001110, 11111010

#0ccefa
```
#0ccefa rgb(12,206,250)
```
#fa380c
```
#fa380c rgb(250,56,12)
```

Complementary Color

#0cfaaf
```
#0cfaaf rgb(12,250,175)
```
#0ccefa
```
#0ccefa rgb(12,206,250)
```
#0c57fa
```
#0c57fa rgb(12,87,250)
```

Analogous Color

#faaf0c
```
#faaf0c rgb(250,175,12)
```
#0ccefa
```
#0ccefa rgb(12,206,250)
```
#fa0c57
```
#fa0c57 rgb(250,12,87)
```

Split Complementary Color

#cefa0c
```
#cefa0c rgb(206,250,12)
```
#0ccefa
```
#0ccefa rgb(12,206,250)
```
#fa0cce
```
#fa0cce rgb(250,12,206)
```

Triadic Color

#0cfa38
```
#0cfa38 rgb(12,250,56)
```
#0ccefa
```
#0ccefa rgb(12,206,250)
```
#fa0cce
```
#fa0cce rgb(250,12,206)
```
#fa380c
```
#fa380c rgb(250,56,12)
```

Tetradic Color

#0495b6
```
#0495b6 rgb(4,149,182)
```
#04a9cf
```
#04a9cf rgb(4,169,207)
```
#05bee8
```
#05bee8 rgb(5,190,232)
```
#0ccefa
```
#0ccefa rgb(12,206,250)
```
#25d3fb
```
#25d3fb rgb(37,211,251)
```
#3ed8fb
```
#3ed8fb rgb(62,216,251)
```
#57ddfc
```
#57ddfc rgb(87,221,252)
```

Monochromatic Color

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

#0cfaeb
```
#0cfaeb rgb(12,250,235)
```
#0cf6fa
```
#0cf6fa rgb(12,246,250)
```
#0ce2fa
```
#0ce2fa rgb(12,226,250)
```
#0ccefa
```
#0ccefa rgb(12,206,250)
```
#0cbafa
```
#0cbafa rgb(12,186,250)
```
#0ca6fa
```
#0ca6fa rgb(12,166,250)
```
#0c93fa
```
#0c93fa rgb(12,147,250)
```

Similar Colors

Text with hexadecimal color #0ccefa

This text has a font color of #0ccefa.

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

#0ccefa background color

This paragraph has a background color of #0ccefa.

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

#0ccefa border color

This element has a border color of #0ccefa.

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

CSS codes

.text {color:#0ccefa;}

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

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

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, #000607 is the darkest color, while #f3fdff is the lightest one.

#000607
```
#000607 rgb(0,6,7)
```
#01151a
```
#01151a rgb(1,21,26)
```
#01252d
```
#01252d rgb(1,37,45)
```
#013541
```
#013541 rgb(1,53,65)
```
#024554
```
#024554 rgb(2,69,84)
```
#025467
```
#025467 rgb(2,84,103)
```
#03647a
```
#03647a rgb(3,100,122)
```
#03748d
```
#03748d rgb(3,116,141)
```
#0384a1
```
#0384a1 rgb(3,132,161)
```
#0493b4
```
#0493b4 rgb(4,147,180)
```
#04a3c7
```
#04a3c7 rgb(4,163,199)
```
#04b3da
```
#04b3da rgb(4,179,218)
```
#05c2ed
```
#05c2ed rgb(5,194,237)
```

Shade Color Variation

#0ccefa
```
#0ccefa rgb(12,206,250)
```
#1fd2fa
```
#1fd2fa rgb(31,210,250)
```
#32d6fb
```
#32d6fb rgb(50,214,251)
```
#46dafb
```
#46dafb rgb(70,218,251)
```
#59defc
```
#59defc rgb(89,222,252)
```
#6ce1fc
```
#6ce1fc rgb(108,225,252)
```
#7fe5fc
```
#7fe5fc rgb(127,229,252)
```
#93e9fd
```
#93e9fd rgb(147,233,253)
```
#a6edfd
```
#a6edfd rgb(166,237,253)
```
#b9f1fe
```
#b9f1fe rgb(185,241,254)
```
#ccf5fe
```
#ccf5fe rgb(204,245,254)
```
#dff9fe
```
#dff9fe rgb(223,249,254)
```
#f3fdff
```
#f3fdff rgb(243,253,255)
```

Tint Color Variation

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

#7e8688
```
#7e8688 rgb(126,134,136)
```
#758c91
```
#758c91 rgb(117,140,145)
```
#6b929b
```
#6b929b rgb(107,146,155)
```
#6298a4
```
#6298a4 rgb(98,152,164)
```
#589eae
```
#589eae rgb(88,158,174)
```
#4fa4b7
```
#4fa4b7 rgb(79,164,183)
```
#45aac1
```
#45aac1 rgb(69,170,193)
```
#3cb0ca
```
#3cb0ca rgb(60,176,202)
```
#32b6d4
```
#32b6d4 rgb(50,182,212)
```
#29bcdd
```
#29bcdd rgb(41,188,221)
```
#1fc2e7
```
#1fc2e7 rgb(31,194,231)
```
#16c8f0
```
#16c8f0 rgb(22,200,240)
```
#0ccefa
```
#0ccefa rgb(12,206,250)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#7da4ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4beee Protanopia 1% of men
#acbeff Deuteranopia 1% of men
#00d3e2 Tritanopia 0.001% of the population

Trichromacy

#77c4f2 Protanomaly 1% of men, 0.01% of women
#71c4fd Deuteranomaly 6% of men, 0.4% of women
#04d1eb Tritanomaly 0.01% of the population

#0ccefa hex color

#0ccefa Color Information

#0ccefa Color Conversion

Color Schemes with #0ccefa

Alternatives to #0ccefa

#0ccefa Preview

Shades and Tints of #0ccefa

Tones of #0ccefa

Color Blindness Simulator