#ccd4dd hex color

In a RGB color space, hex #ccd4dd is composed of 80% red, 83.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 4.1% magenta, 0% yellow and 13.3% black. It has a hue angle of 211.8 degrees, a saturation of 20% and a lightness of 83.3%. #ccd4dd color hex could be obtained by blending #ffffff with #99a9bb. Closest websafe color is: #cccccc.

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

● #ccd4dd color description : Light grayish blue.

The hexadecimal color #ccd4dd has RGB values of R:204, G:212, B:221 and CMYK values of C:0.08, M:0.04, Y:0, K:0.13. Its decimal value is 13423837.

Hex triplet	ccd4dd	`#ccd4dd`
RGB Decimal	204, 212, 221	`rgb(204,212,221)`
RGB Percent	80, 83.1, 86.7	`rgb(80%,83.1%,86.7%)`
CMYK	8, 4, 0, 13
HSL	211.8°, 20, 83.3	`hsl(211.8,20%,83.3%)`
HSV (or HSB)	211.8°, 7.7, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.558, -0.991, -5.377
XYZ	61.494, 65.144, 77.737
xyY	0.301, 0.319, 65.144
CIE-LCH	84.558, 5.467, 259.554
CIE-LUV	84.558, -4.884, -8.093
Hunter-Lab	80.712, -5.248, -0.606
Binary	11001100, 11010100, 11011101

#ccd4dd
```
#ccd4dd rgb(204,212,221)
```
#ddd5cc
```
#ddd5cc rgb(221,213,204)
```

Complementary Color

#ccdddd
```
#ccdddd rgb(204,221,221)
```
#ccd4dd
```
#ccd4dd rgb(204,212,221)
```
#cdccdd
```
#cdccdd rgb(205,204,221)
```

Analogous Color

#ddddcc
```
#ddddcc rgb(221,221,204)
```
#ccd4dd
```
#ccd4dd rgb(204,212,221)
```
#ddcdcc
```
#ddcdcc rgb(221,205,204)
```

Split Complementary Color

#d4ddcc
```
#d4ddcc rgb(212,221,204)
```
#ccd4dd
```
#ccd4dd rgb(204,212,221)
```
#ddccd4
```
#ddccd4 rgb(221,204,212)
```

Triadic Color

#ccddd5
```
#ccddd5 rgb(204,221,213)
```
#ccd4dd
```
#ccd4dd rgb(204,212,221)
```
#ddccd4
```
#ddccd4 rgb(221,204,212)
```
#ddd5cc
```
#ddd5cc rgb(221,213,204)
```

Tetradic Color

#9eadbe
```
#9eadbe rgb(158,173,190)
```
#adbac9
```
#adbac9 rgb(173,186,201)
```
#bdc7d3
```
#bdc7d3 rgb(189,199,211)
```
#ccd4dd
```
#ccd4dd rgb(204,212,221)
```
#dbe1e7
```
#dbe1e7 rgb(219,225,231)
```
#ebeef1
```
#ebeef1 rgb(235,238,241)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Monochromatic Color

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

#ccd8dd
```
#ccd8dd rgb(204,216,221)
```
#ccd7dd
```
#ccd7dd rgb(204,215,221)
```
#ccd5dd
```
#ccd5dd rgb(204,213,221)
```
#ccd4dd
```
#ccd4dd rgb(204,212,221)
```
#ccd3dd
```
#ccd3dd rgb(204,211,221)
```
#ccd1dd
```
#ccd1dd rgb(204,209,221)
```
#ccd0dd
```
#ccd0dd rgb(204,208,221)
```

Similar Colors

Text with hexadecimal color #ccd4dd

This text has a font color of #ccd4dd.

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

#ccd4dd background color

This paragraph has a background color of #ccd4dd.

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

#ccd4dd border color

This element has a border color of #ccd4dd.

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

CSS codes

.text {color:#ccd4dd;}

.background {background-color:#ccd4dd;}

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

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

#050608
```
#050608 rgb(5,6,8)
```
#0d1014
```
#0d1014 rgb(13,16,20)
```
#151a1f
```
#151a1f rgb(21,26,31)
```
#1d242b
```
#1d242b rgb(29,36,43)
```
#252d37
```
#252d37 rgb(37,45,55)
```
#2c3743
```
#2c3743 rgb(44,55,67)
```
#34414e
```
#34414e rgb(52,65,78)
```
#3c4a5a
```
#3c4a5a rgb(60,74,90)
```
#445466
```
#445466 rgb(68,84,102)
```
#4c5e72
```
#4c5e72 rgb(76,94,114)
```
#54677e
```
#54677e rgb(84,103,126)
```
#5c7189
```
#5c7189 rgb(92,113,137)
```
#637b95
```
#637b95 rgb(99,123,149)
```

Shade Color Variation

#6e859e
```
#6e859e rgb(110,133,158)
```
#7a8fa6
```
#7a8fa6 rgb(122,143,166)
```
#8598ae
```
#8598ae rgb(133,152,174)
```
#91a2b6
```
#91a2b6 rgb(145,162,182)
```
#9dacbe
```
#9dacbe rgb(157,172,190)
```
#a9b6c5
```
#a9b6c5 rgb(169,182,197)
```
#b4c0cd
```
#b4c0cd rgb(180,192,205)
```
#c0cad5
```
#c0cad5 rgb(192,202,213)
```
#ccd4dd
```
#ccd4dd rgb(204,212,221)
```
#d8dee5
```
#d8dee5 rgb(216,222,229)
```
#e4e8ed
```
#e4e8ed rgb(228,232,237)
```
#eff2f5
```
#eff2f5 rgb(239,242,245)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Tint Color Variation

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

#d3d4d6
```
#d3d4d6 rgb(211,212,214)
```
#cfd4da
```
#cfd4da rgb(207,212,218)
```
#ccd4dd
```
#ccd4dd rgb(204,212,221)
```
#c9d4e0
```
#c9d4e0 rgb(201,212,224)
```
#c5d4e4
```
#c5d4e4 rgb(197,212,228)
```
#c2d3e7
```
#c2d3e7 rgb(194,211,231)
```
#bfd3ea
```
#bfd3ea rgb(191,211,234)
```
#bcd3ed
```
#bcd3ed rgb(188,211,237)
```
#b8d3f1
```
#b8d3f1 rgb(184,211,241)
```
#b5d3f4
```
#b5d3f4 rgb(181,211,244)
```
#b2d2f7
```
#b2d2f7 rgb(178,210,247)
```
#afd2fa
```
#afd2fa rgb(175,210,250)
```
#abd2fe
```
#abd2fe rgb(171,210,254)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#d2d3d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d4dd Protanopia 1% of men
#e3cfe0 Deuteranopia 1% of men
#cfd5e4 Tritanopia 0.001% of the population

Trichromacy

#d2d4dd Protanomaly 1% of men, 0.01% of women
#dad1df Deuteranomaly 6% of men, 0.4% of women
#ced4e1 Tritanomaly 0.01% of the population

#ccd4dd hex color

#ccd4dd Color Information

#ccd4dd Color Conversion

Color Schemes with #ccd4dd

Alternatives to #ccd4dd

#ccd4dd Preview

Shades and Tints of #ccd4dd

Tones of #ccd4dd

Color Blindness Simulator