#ccf0fd hex color

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

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

● #ccf0fd color description : Light grayish blue.

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

Hex triplet	ccf0fd	`#ccf0fd`
RGB Decimal	204, 240, 253	`rgb(204,240,253)`
RGB Percent	80, 94.1, 99.2	`rgb(80%,94.1%,99.2%)`
CMYK	19, 5, 0, 1
HSL	195.9°, 92.5, 89.6	`hsl(195.9,92.5%,89.6%)`
HSV (or HSB)	195.9°, 19.4, 99.2
Web Safe	ccffff	`#ccffff`

CIE-LAB	92.684, -8.931, -10.151
XYZ	73.788, 82.248, 104.911
xyY	0.283, 0.315, 82.248
CIE-LCH	92.684, 13.521, 228.659
CIE-LUV	92.684, -19.157, -14.5
Hunter-Lab	90.691, -13.477, -5.103
Binary	11001100, 11110000, 11111101

#ccf0fd
```
#ccf0fd rgb(204,240,253)
```
#fdd9cc
```
#fdd9cc rgb(253,217,204)
```

Complementary Color

#ccfdf2
```
#ccfdf2 rgb(204,253,242)
```
#ccf0fd
```
#ccf0fd rgb(204,240,253)
```
#ccd8fd
```
#ccd8fd rgb(204,216,253)
```

Analogous Color

#fdf2cc
```
#fdf2cc rgb(253,242,204)
```
#ccf0fd
```
#ccf0fd rgb(204,240,253)
```
#fdccd8
```
#fdccd8 rgb(253,204,216)
```

Split Complementary Color

#f0fdcc
```
#f0fdcc rgb(240,253,204)
```
#ccf0fd
```
#ccf0fd rgb(204,240,253)
```
#fdccf0
```
#fdccf0 rgb(253,204,240)
```

Triadic Color

#ccfdd9
```
#ccfdd9 rgb(204,253,217)
```
#ccf0fd
```
#ccf0fd rgb(204,240,253)
```
#fdccf0
```
#fdccf0 rgb(253,204,240)
```
#fdd9cc
```
#fdd9cc rgb(253,217,204)
```

Tetradic Color

#82dafa
```
#82dafa rgb(130,218,250)
```
#9be2fb
```
#9be2fb rgb(155,226,251)
```
#b3e9fc
```
#b3e9fc rgb(179,233,252)
```
#ccf0fd
```
#ccf0fd rgb(204,240,253)
```
#e5f7fe
```
#e5f7fe rgb(229,247,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ccfcfd
```
#ccfcfd rgb(204,252,253)
```
#ccf8fd
```
#ccf8fd rgb(204,248,253)
```
#ccf4fd
```
#ccf4fd rgb(204,244,253)
```
#ccf0fd
```
#ccf0fd rgb(204,240,253)
```
#ccecfd
```
#ccecfd rgb(204,236,253)
```
#cce8fd
```
#cce8fd rgb(204,232,253)
```
#cce4fd
```
#cce4fd rgb(204,228,253)
```

Similar Colors

Text with hexadecimal color #ccf0fd

This text has a font color of #ccf0fd.

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

#ccf0fd background color

This paragraph has a background color of #ccf0fd.

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

#ccf0fd border color

This element has a border color of #ccf0fd.

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

CSS codes

.text {color:#ccf0fd;}

.background {background-color:#ccf0fd;}

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

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

#000406
```
#000406 rgb(0,4,6)
```
#011219
```
#011219 rgb(1,18,25)
```
#02202b
```
#02202b rgb(2,32,43)
```
#022e3e
```
#022e3e rgb(2,46,62)
```
#033c51
```
#033c51 rgb(3,60,81)
```
#044b64
```
#044b64 rgb(4,75,100)
```
#055977
```
#055977 rgb(5,89,119)
```
#05678a
```
#05678a rgb(5,103,138)
```
#06759d
```
#06759d rgb(6,117,157)
```
#0783b0
```
#0783b0 rgb(7,131,176)
```
#0891c2
```
#0891c2 rgb(8,145,194)
```
#089fd5
```
#089fd5 rgb(8,159,213)
```
#09ade8
```
#09ade8 rgb(9,173,232)
```

Shade Color Variation

#0fb8f6
```
#0fb8f6 rgb(15,184,246)
```
#22bef6
```
#22bef6 rgb(34,190,246)
```
#35c4f7
```
#35c4f7 rgb(53,196,247)
```
#48c9f8
```
#48c9f8 rgb(72,201,248)
```
#5bcff9
```
#5bcff9 rgb(91,207,249)
```
#6ed4f9
```
#6ed4f9 rgb(110,212,249)
```
#80dafa
```
#80dafa rgb(128,218,250)
```
#93dffb
```
#93dffb rgb(147,223,251)
```
#a6e5fc
```
#a6e5fc rgb(166,229,252)
```
#b9eafc
```
#b9eafc rgb(185,234,252)
```
#ccf0fd
```
#ccf0fd rgb(204,240,253)
```
#dff6fe
```
#dff6fe rgb(223,246,254)
```
#f2fbfe
```
#f2fbfe rgb(242,251,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 #ccf0fd is the most saturated one.

#e4e5e5
```
#e4e5e5 rgb(228,229,229)
```
#e2e5e7
```
#e2e5e7 rgb(226,229,231)
```
#e0e6e9
```
#e0e6e9 rgb(224,230,233)
```
#dee7eb
```
#dee7eb rgb(222,231,235)
```
#dce8ed
```
#dce8ed rgb(220,232,237)
```
#dae9ef
```
#dae9ef rgb(218,233,239)
```
#d8eaf1
```
#d8eaf1 rgb(216,234,241)
```
#d6ebf3
```
#d6ebf3 rgb(214,235,243)
```
#d4ecf5
```
#d4ecf5 rgb(212,236,245)
```
#d2edf7
```
#d2edf7 rgb(210,237,247)
```
#d0eef9
```
#d0eef9 rgb(208,238,249)
```
#ceeffb
```
#ceeffb rgb(206,239,251)
```
#ccf0fd
```
#ccf0fd rgb(204,240,253)
```

Tone Color Variation

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

#e7e7e7 Achromatopsia 0.005% of the population
#e2e9eb Atypical Achromatopsia 0.001% of the population

Dichromacy

#eae9f9 Protanopia 1% of men
#f5e5ff Deuteranopia 1% of men
#d2efff Tritanopia 0.001% of the population

Trichromacy

#dfebfa Protanomaly 1% of men, 0.01% of women
#e6e9fe Deuteranomaly 6% of men, 0.4% of women
#d0effe Tritanomaly 0.01% of the population

#ccf0fd hex color

#ccf0fd Color Information

#ccf0fd Color Conversion

Color Schemes with #ccf0fd

Alternatives to #ccf0fd

#ccf0fd Preview

Shades and Tints of #ccf0fd

Tones of #ccf0fd

Color Blindness Simulator