#ccddff hex color

In a RGB color space, hex #ccddff is composed of 80% red, 86.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 13.3% magenta, 0% yellow and 0% black. It has a hue angle of 220 degrees, a saturation of 100% and a lightness of 90%. #ccddff color hex could be obtained by blending #ffffff with #99bbff. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 87
- B 100
RGB color chart
- C 20
- M 13
- Y 0
- K 0
CMYK color chart

● #ccddff color description : Very pale blue.

The hexadecimal color #ccddff has RGB values of R:204, G:221, B:255 and CMYK values of C:0.2, M:0.13, Y:0, K:0. Its decimal value is 13426175.

Hex triplet	ccddff	`#ccddff`
RGB Decimal	204, 221, 255	`rgb(204,221,255)`
RGB Percent	80, 86.7, 100	`rgb(80%,86.7%,100%)`
CMYK	20, 13, 0, 0
HSL	220°, 100, 90	`hsl(220,100%,90%)`
HSV (or HSB)	220°, 20, 100
Web Safe	ccccff	`#ccccff`

CIE-LAB	87.857, 1.287, -18.423
XYZ	68.805, 71.769, 104.83
xyY	0.28, 0.292, 71.769
CIE-LCH	87.857, 18.468, 273.997
CIE-LUV	87.857, -10.636, -29.55
Hunter-Lab	84.717, -3.281, -14.065
Binary	11001100, 11011101, 11111111

#ccddff
```
#ccddff rgb(204,221,255)
```
#ffeecc
```
#ffeecc rgb(255,238,204)
```

Complementary Color

#ccf7ff
```
#ccf7ff rgb(204,247,255)
```
#ccddff
```
#ccddff rgb(204,221,255)
```
#d5ccff
```
#d5ccff rgb(213,204,255)
```

Analogous Color

#f7ffcc
```
#f7ffcc rgb(247,255,204)
```
#ccddff
```
#ccddff rgb(204,221,255)
```
#ffd5cc
```
#ffd5cc rgb(255,213,204)
```

Split Complementary Color

#ddffcc
```
#ddffcc rgb(221,255,204)
```
#ccddff
```
#ccddff rgb(204,221,255)
```
#ffccdd
```
#ffccdd rgb(255,204,221)
```

Triadic Color

#ccffee
```
#ccffee rgb(204,255,238)
```
#ccddff
```
#ccddff rgb(204,221,255)
```
#ffccdd
```
#ffccdd rgb(255,204,221)
```
#ffeecc
```
#ffeecc rgb(255,238,204)
```

Tetradic Color

#80aaff
```
#80aaff rgb(128,170,255)
```
#99bbff
```
#99bbff rgb(153,187,255)
```
#b3ccff
```
#b3ccff rgb(179,204,255)
```
#ccddff
```
#ccddff rgb(204,221,255)
```
#e6eeff
```
#e6eeff rgb(230,238,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cceaff
```
#cceaff rgb(204,234,255)
```
#cce6ff
```
#cce6ff rgb(204,230,255)
```
#cce1ff
```
#cce1ff rgb(204,225,255)
```
#ccddff
```
#ccddff rgb(204,221,255)
```
#ccd9ff
```
#ccd9ff rgb(204,217,255)
```
#ccd5ff
```
#ccd5ff rgb(204,213,255)
```
#ccd0ff
```
#ccd0ff rgb(204,208,255)
```

Similar Colors

Text with hexadecimal color #ccddff

This text has a font color of #ccddff.

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

#ccddff background color

This paragraph has a background color of #ccddff.

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

#ccddff border color

This element has a border color of #ccddff.

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

CSS codes

.text {color:#ccddff;}

.background {background-color:#ccddff;}

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

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

#000308
```
#000308 rgb(0,3,8)
```
#00091b
```
#00091b rgb(0,9,27)
```
#00102f
```
#00102f rgb(0,16,47)
```
#001643
```
#001643 rgb(0,22,67)
```
#001d56
```
#001d56 rgb(0,29,86)
```
#00236a
```
#00236a rgb(0,35,106)
```
#002a7e
```
#002a7e rgb(0,42,126)
```
#003091
```
#003091 rgb(0,48,145)
```
#0037a5
```
#0037a5 rgb(0,55,165)
```
#003db8
```
#003db8 rgb(0,61,184)
```
#0044cc
```
#0044cc rgb(0,68,204)
```
#004be0
```
#004be0 rgb(0,75,224)
```
#0051f3
```
#0051f3 rgb(0,81,243)
```

Shade Color Variation

#085aff
```
#085aff rgb(8,90,255)
```
#1b67ff
```
#1b67ff rgb(27,103,255)
```
#2f74ff
```
#2f74ff rgb(47,116,255)
```
#4381ff
```
#4381ff rgb(67,129,255)
```
#568fff
```
#568fff rgb(86,143,255)
```
#6a9cff
```
#6a9cff rgb(106,156,255)
```
#7ea9ff
```
#7ea9ff rgb(126,169,255)
```
#91b6ff
```
#91b6ff rgb(145,182,255)
```
#a5c3ff
```
#a5c3ff rgb(165,195,255)
```
#b8d0ff
```
#b8d0ff rgb(184,208,255)
```
#ccddff
```
#ccddff rgb(204,221,255)
```
#e0eaff
```
#e0eaff rgb(224,234,255)
```
#f3f7ff
```
#f3f7ff rgb(243,247,255)
```

Tint Color Variation

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

#e4e5e7
```
#e4e5e7 rgb(228,229,231)
```
#e2e4e9
```
#e2e4e9 rgb(226,228,233)
```
#e0e4eb
```
#e0e4eb rgb(224,228,235)
```
#dee3ed
```
#dee3ed rgb(222,227,237)
```
#dce2ef
```
#dce2ef rgb(220,226,239)
```
#dae2f1
```
#dae2f1 rgb(218,226,241)
```
#d8e1f3
```
#d8e1f3 rgb(216,225,243)
```
#d6e0f5
```
#d6e0f5 rgb(214,224,245)
```
#d4e0f7
```
#d4e0f7 rgb(212,224,247)
```
#d2dff9
```
#d2dff9 rgb(210,223,249)
```
#d0defb
```
#d0defb rgb(208,222,251)
```
#cedefd
```
#cedefd rgb(206,222,253)
```
#ccddff
```
#ccddff rgb(204,221,255)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#d9dce3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7dcfd Protanopia 1% of men
#e0d9ff Deuteranopia 1% of men
#cbe1f1 Tritanopia 0.001% of the population

Trichromacy

#d3dcfe Protanomaly 1% of men, 0.01% of women
#d9daff Deuteranomaly 6% of men, 0.4% of women
#cbdff6 Tritanomaly 0.01% of the population

#ccddff hex color

#ccddff Color Information

#ccddff Color Conversion

Color Schemes with #ccddff

Alternatives to #ccddff

#ccddff Preview

Shades and Tints of #ccddff

Tones of #ccddff

Color Blindness Simulator