#00ccfa hex color

In a RGB color space, hex #00ccfa is composed of 0% red, 80% green and 98% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 18.4% magenta, 0% yellow and 2% black. It has a hue angle of 191 degrees, a saturation of 100% and a lightness of 49%. #00ccfa color hex could be obtained by blending #00ffff with #0099f5. Closest websafe color is: #00ccff.

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

● #00ccfa color description : Pure (or mostly pure) cyan.

The hexadecimal color #00ccfa has RGB values of R:0, G:204, B:250 and CMYK values of C:1, M:0.18, Y:0, K:0.02. Its decimal value is 52474.

Hex triplet	00ccfa	`#00ccfa`
RGB Decimal	0, 204, 250	`rgb(0,204,250)`
RGB Percent	0, 80, 98	`rgb(0%,80%,98%)`
CMYK	100, 18, 0, 2
HSL	191°, 100, 49	`hsl(191,100%,49%)`
HSV (or HSB)	191°, 100, 98
Web Safe	00ccff	`#00ccff`

CIE-LAB	76.121, -26.024, -34.31
XYZ	38.843, 50.084, 98.057
xyY	0.208, 0.268, 50.084
CIE-LCH	76.121, 43.063, 232.819
CIE-LUV	76.121, -53.973, -52.066
Hunter-Lab	70.77, -25.874, -32.612
Binary	00000000, 11001100, 11111010

#00ccfa
```
#00ccfa rgb(0,204,250)
```
#fa2e00
```
#fa2e00 rgb(250,46,0)
```

Complementary Color

#00faab
```
#00faab rgb(0,250,171)
```
#00ccfa
```
#00ccfa rgb(0,204,250)
```
#004ffa
```
#004ffa rgb(0,79,250)
```

Analogous Color

#faab00
```
#faab00 rgb(250,171,0)
```
#00ccfa
```
#00ccfa rgb(0,204,250)
```
#fa004f
```
#fa004f rgb(250,0,79)
```

Split Complementary Color

#ccfa00
```
#ccfa00 rgb(204,250,0)
```
#00ccfa
```
#00ccfa rgb(0,204,250)
```
#fa00cc
```
#fa00cc rgb(250,0,204)
```

Triadic Color

#00fa2e
```
#00fa2e rgb(0,250,46)
```
#00ccfa
```
#00ccfa rgb(0,204,250)
```
#fa00cc
```
#fa00cc rgb(250,0,204)
```
#fa2e00
```
#fa2e00 rgb(250,46,0)
```

Tetradic Color

#008eae
```
#008eae rgb(0,142,174)
```
#00a2c7
```
#00a2c7 rgb(0,162,199)
```
#00b7e1
```
#00b7e1 rgb(0,183,225)
```
#00ccfa
```
#00ccfa rgb(0,204,250)
```
#15d4ff
```
#15d4ff rgb(21,212,255)
```
#2ed9ff
```
#2ed9ff rgb(46,217,255)
```
#48ddff
```
#48ddff rgb(72,221,255)
```

Monochromatic Color

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

#00faea
```
#00faea rgb(0,250,234)
```
#00f6fa
```
#00f6fa rgb(0,246,250)
```
#00e1fa
```
#00e1fa rgb(0,225,250)
```
#00ccfa
```
#00ccfa rgb(0,204,250)
```
#00b7fa
```
#00b7fa rgb(0,183,250)
```
#00a2fa
```
#00a2fa rgb(0,162,250)
```
#008efa
```
#008efa rgb(0,142,250)
```

Similar Colors

Text with hexadecimal color #00ccfa

This text has a font color of #00ccfa.

<span style="color:#00ccfa;">Text here</span>

#00ccfa background color

This paragraph has a background color of #00ccfa.

<p style="background-color:#00ccfa;">Content here</p>

#00ccfa border color

This element has a border color of #00ccfa.

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

CSS codes

.text {color:#00ccfa;}

.background {background-color:#00ccfa;}

.border {border:1px solid #00ccfa;}

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, #000c0f is the darkest color, while #fafeff is the lightest one.

#000c0f
```
#000c0f rgb(0,12,15)
```
#001c22
```
#001c22 rgb(0,28,34)
```
#002c36
```
#002c36 rgb(0,44,54)
```
#003c49
```
#003c49 rgb(0,60,73)
```
#004c5d
```
#004c5d rgb(0,76,93)
```
#005c71
```
#005c71 rgb(0,92,113)
```
#006c84
```
#006c84 rgb(0,108,132)
```
#007c98
```
#007c98 rgb(0,124,152)
```
#008cac
```
#008cac rgb(0,140,172)
```
#009cbf
```
#009cbf rgb(0,156,191)
```
#00acd3
```
#00acd3 rgb(0,172,211)
```
#00bce6
```
#00bce6 rgb(0,188,230)
```
#00ccfa
```
#00ccfa rgb(0,204,250)
```

Shade Color Variation

#0fd3ff
```
#0fd3ff rgb(15,211,255)
```
#22d6ff
```
#22d6ff rgb(34,214,255)
```
#36daff
```
#36daff rgb(54,218,255)
```
#49deff
```
#49deff rgb(73,222,255)
```
#5de1ff
```
#5de1ff rgb(93,225,255)
```
#71e5ff
```
#71e5ff rgb(113,229,255)
```
#84e8ff
```
#84e8ff rgb(132,232,255)
```
#98ecff
```
#98ecff rgb(152,236,255)
```
#acf0ff
```
#acf0ff rgb(172,240,255)
```
#bff3ff
```
#bff3ff rgb(191,243,255)
```
#d3f7ff
```
#d3f7ff rgb(211,247,255)
```
#e6faff
```
#e6faff rgb(230,250,255)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#738387
```
#738387 rgb(115,131,135)
```
#6a8990
```
#6a8990 rgb(106,137,144)
```
#608f9a
```
#608f9a rgb(96,143,154)
```
#5795a3
```
#5795a3 rgb(87,149,163)
```
#4d9bad
```
#4d9bad rgb(77,155,173)
```
#43a1b7
```
#43a1b7 rgb(67,161,183)
```
#3aa8c0
```
#3aa8c0 rgb(58,168,192)
```
#30aeca
```
#30aeca rgb(48,174,202)
```
#26b4d4
```
#26b4d4 rgb(38,180,212)
```
#1dbadd
```
#1dbadd rgb(29,186,221)
```
#13c0e7
```
#13c0e7 rgb(19,192,231)
```
#0ac6f0
```
#0ac6f0 rgb(10,198,240)
```
#00ccfa
```
#00ccfa rgb(0,204,250)
```

Tone Color Variation

Below, you can see how #00ccfa 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

#949494 Achromatopsia 0.005% of the population
#769fa8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1bdee Protanopia 1% of men
#a8bdff Deuteranopia 1% of men
#00d1e0 Tritanopia 0.001% of the population

Trichromacy

#71c2f2 Protanomaly 1% of men, 0.01% of women
#6bc2fd Deuteranomaly 6% of men, 0.4% of women
#00cfe9 Tritanomaly 0.01% of the population

#00ccfa hex color

#00ccfa Color Information

#00ccfa Color Conversion

Color Schemes with #00ccfa

Alternatives to #00ccfa

#00ccfa Preview

Shades and Tints of #00ccfa

Tones of #00ccfa

Color Blindness Simulator