#ccfdfc hex color

In a RGB color space, hex #ccfdfc is composed of 80% red, 99.2% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 19.4% cyan, 0% magenta, 0.4% yellow and 0.8% black. It has a hue angle of 178.8 degrees, a saturation of 92.5% and a lightness of 89.6%. #ccfdfc color hex could be obtained by blending #ffffff with #99fbf9. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 80
- G 99
- B 99
RGB color chart
- C 19
- M 0
- Y 0
- K 1
CMYK color chart

● #ccfdfc color description : Light grayish cyan.

The hexadecimal color #ccfdfc has RGB values of R:204, G:253, B:252 and CMYK values of C:0.19, M:0, Y:0, K:0.01. Its decimal value is 13434364.

Hex triplet	ccfdfc	`#ccfdfc`
RGB Decimal	204, 253, 252	`rgb(204,253,252)`
RGB Percent	80, 99.2, 98.8	`rgb(80%,99.2%,98.8%)`
CMYK	19, 0, 0, 1
HSL	178.8°, 92.5, 89.6	`hsl(178.8,92.5%,89.6%)`
HSV (or HSB)	178.8°, 19.4, 99.2
Web Safe	ccffff	`#ccffff`

CIE-LAB	96.044, -15.645, -4.662
XYZ	77.594, 90.114, 105.396
xyY	0.284, 0.33, 90.114
CIE-LCH	96.044, 16.325, 196.594
CIE-LUV	96.044, -25.002, -4.614
Hunter-Lab	94.928, -20.22, 0.622
Binary	11001100, 11111101, 11111100

#ccfdfc
```
#ccfdfc rgb(204,253,252)
```
#fdcccd
```
#fdcccd rgb(253,204,205)
```

Complementary Color

#ccfde4
```
#ccfde4 rgb(204,253,228)
```
#ccfdfc
```
#ccfdfc rgb(204,253,252)
```
#cce6fd
```
#cce6fd rgb(204,230,253)
```

Analogous Color

#fde4cc
```
#fde4cc rgb(253,228,204)
```
#ccfdfc
```
#ccfdfc rgb(204,253,252)
```
#fdcce6
```
#fdcce6 rgb(253,204,230)
```

Split Complementary Color

#fdfccc
```
#fdfccc rgb(253,252,204)
```
#ccfdfc
```
#ccfdfc rgb(204,253,252)
```
#fcccfd
```
#fcccfd rgb(252,204,253)
```

Triadic Color

#cdfdcc
```
#cdfdcc rgb(205,253,204)
```
#ccfdfc
```
#ccfdfc rgb(204,253,252)
```
#fcccfd
```
#fcccfd rgb(252,204,253)
```
#fdcccd
```
#fdcccd rgb(253,204,205)
```

Tetradic Color

#82faf8
```
#82faf8 rgb(130,250,248)
```
#9bfbf9
```
#9bfbf9 rgb(155,251,249)
```
#b3fcfb
```
#b3fcfb rgb(179,252,251)
```
#ccfdfc
```
#ccfdfc rgb(204,253,252)
```
#e5fefd
```
#e5fefd rgb(229,254,253)
```
#fdffff
```
#fdffff rgb(253,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ccfdf0
```
#ccfdf0 rgb(204,253,240)
```
#ccfdf4
```
#ccfdf4 rgb(204,253,244)
```
#ccfdf8
```
#ccfdf8 rgb(204,253,248)
```
#ccfdfc
```
#ccfdfc rgb(204,253,252)
```
#ccfafd
```
#ccfafd rgb(204,250,253)
```
#ccf6fd
```
#ccf6fd rgb(204,246,253)
```
#ccf2fd
```
#ccf2fd rgb(204,242,253)
```

Similar Colors

Text with hexadecimal color #ccfdfc

This text has a font color of #ccfdfc.

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

#ccfdfc background color

This paragraph has a background color of #ccfdfc.

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

#ccfdfc border color

This element has a border color of #ccfdfc.

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

CSS codes

.text {color:#ccfdfc;}

.background {background-color:#ccfdfc;}

.border {border:1px solid #ccfdfc;}

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

#000606
```
#000606 rgb(0,6,6)
```
#011918
```
#011918 rgb(1,25,24)
```
#022b2b
```
#022b2b rgb(2,43,43)
```
#023e3d
```
#023e3d rgb(2,62,61)
```
#035150
```
#035150 rgb(3,81,80)
```
#046462
```
#046462 rgb(4,100,98)
```
#057775
```
#057775 rgb(5,119,117)
```
#058a87
```
#058a87 rgb(5,138,135)
```
#069d9a
```
#069d9a rgb(6,157,154)
```
#07b0ac
```
#07b0ac rgb(7,176,172)
```
#08c2bf
```
#08c2bf rgb(8,194,191)
```
#08d5d1
```
#08d5d1 rgb(8,213,209)
```
#09e8e4
```
#09e8e4 rgb(9,232,228)
```

Shade Color Variation

#0ff6f1
```
#0ff6f1 rgb(15,246,241)
```
#22f6f2
```
#22f6f2 rgb(34,246,242)
```
#35f7f3
```
#35f7f3 rgb(53,247,243)
```
#48f8f4
```
#48f8f4 rgb(72,248,244)
```
#5bf9f5
```
#5bf9f5 rgb(91,249,245)
```
#6ef9f6
```
#6ef9f6 rgb(110,249,246)
```
#80faf8
```
#80faf8 rgb(128,250,248)
```
#93fbf9
```
#93fbf9 rgb(147,251,249)
```
#a6fcfa
```
#a6fcfa rgb(166,252,250)
```
#b9fcfb
```
#b9fcfb rgb(185,252,251)
```
#ccfdfc
```
#ccfdfc rgb(204,253,252)
```
#dffefd
```
#dffefd rgb(223,254,253)
```
#f2fefe
```
#f2fefe rgb(242,254,254)
```

Tint Color Variation

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

#e4e5e5
```
#e4e5e5 rgb(228,229,229)
```
#e2e7e6
```
#e2e7e6 rgb(226,231,230)
```
#e0e9e8
```
#e0e9e8 rgb(224,233,232)
```
#deebea
```
#deebea rgb(222,235,234)
```
#dcedec
```
#dcedec rgb(220,237,236)
```
#daefee
```
#daefee rgb(218,239,238)
```
#d8f1f0
```
#d8f1f0 rgb(216,241,240)
```
#d6f3f2
```
#d6f3f2 rgb(214,243,242)
```
#d4f5f4
```
#d4f5f4 rgb(212,245,244)
```
#d2f7f6
```
#d2f7f6 rgb(210,247,246)
```
#d0f9f8
```
#d0f9f8 rgb(208,249,248)
```
#cefbfa
```
#cefbfa rgb(206,251,250)
```
#ccfdfc
```
#ccfdfc rgb(204,253,252)
```

Tone Color Variation

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

#eeeeee Achromatopsia 0.005% of the population
#e7f1f1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7f2f6 Protanopia 1% of men
#ffeffc Deuteranopia 1% of men
#e6f6ff Tritanopia 0.001% of the population

Trichromacy

#e7f6f8 Protanomaly 1% of men, 0.01% of women
#ecf4fc Deuteranomaly 6% of men, 0.4% of women
#dcf9fd Tritanomaly 0.01% of the population

#ccfdfc hex color

#ccfdfc Color Information

#ccfdfc Color Conversion

Color Schemes with #ccfdfc

Alternatives to #ccfdfc

#ccfdfc Preview

Shades and Tints of #ccfdfc

Tones of #ccfdfc

Color Blindness Simulator