#ccd1dd hex color

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

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

● #ccd1dd color description : Light grayish blue.

The hexadecimal color #ccd1dd has RGB values of R:204, G:209, B:221 and CMYK values of C:0.08, M:0.05, Y:0, K:0.13. Its decimal value is 13423069.

Hex triplet	ccd1dd	`#ccd1dd`
RGB Decimal	204, 209, 221	`rgb(204,209,221)`
RGB Percent	80, 82, 86.7	`rgb(80%,82%,86.7%)`
CMYK	8, 5, 0, 13
HSL	222.4°, 20, 83.3	`hsl(222.4,20%,83.3%)`
HSV (or HSB)	222.4°, 7.7, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.788, 0.581, -6.515
XYZ	60.751, 63.658, 77.489
xyY	0.301, 0.315, 63.658
CIE-LCH	83.788, 6.541, 275.096
CIE-LUV	83.788, -3.42, -10.126
Hunter-Lab	79.786, -3.712, -1.733
Binary	11001100, 11010001, 11011101

#ccd1dd
```
#ccd1dd rgb(204,209,221)
```
#ddd8cc
```
#ddd8cc rgb(221,216,204)
```

Complementary Color

#ccdadd
```
#ccdadd rgb(204,218,221)
```
#ccd1dd
```
#ccd1dd rgb(204,209,221)
```
#d0ccdd
```
#d0ccdd rgb(208,204,221)
```

Analogous Color

#daddcc
```
#daddcc rgb(218,221,204)
```
#ccd1dd
```
#ccd1dd rgb(204,209,221)
```
#ddd0cc
```
#ddd0cc rgb(221,208,204)
```

Split Complementary Color

#d1ddcc
```
#d1ddcc rgb(209,221,204)
```
#ccd1dd
```
#ccd1dd rgb(204,209,221)
```
#ddccd1
```
#ddccd1 rgb(221,204,209)
```

Triadic Color

#ccddd8
```
#ccddd8 rgb(204,221,216)
```
#ccd1dd
```
#ccd1dd rgb(204,209,221)
```
#ddccd1
```
#ddccd1 rgb(221,204,209)
```
#ddd8cc
```
#ddd8cc rgb(221,216,204)
```

Tetradic Color

#9ea8be
```
#9ea8be rgb(158,168,190)
```
#adb5c9
```
#adb5c9 rgb(173,181,201)
```
#bdc3d3
```
#bdc3d3 rgb(189,195,211)
```
#ccd1dd
```
#ccd1dd rgb(204,209,221)
```
#dbdfe7
```
#dbdfe7 rgb(219,223,231)
```
#ebedf1
```
#ebedf1 rgb(235,237,241)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Monochromatic Color

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

#ccd5dd
```
#ccd5dd rgb(204,213,221)
```
#ccd4dd
```
#ccd4dd rgb(204,212,221)
```
#ccd2dd
```
#ccd2dd rgb(204,210,221)
```
#ccd1dd
```
#ccd1dd rgb(204,209,221)
```
#ccd0dd
```
#ccd0dd rgb(204,208,221)
```
#cccedd
```
#cccedd rgb(204,206,221)
```
#cccddd
```
#cccddd rgb(204,205,221)
```

Similar Colors

Text with hexadecimal color #ccd1dd

This text has a font color of #ccd1dd.

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

#ccd1dd background color

This paragraph has a background color of #ccd1dd.

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

#ccd1dd border color

This element has a border color of #ccd1dd.

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

CSS codes

.text {color:#ccd1dd;}

.background {background-color:#ccd1dd;}

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

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 #fbfbfc is the lightest one.

#050608
```
#050608 rgb(5,6,8)
```
#0d0f14
```
#0d0f14 rgb(13,15,20)
```
#15181f
```
#15181f rgb(21,24,31)
```
#1d212b
```
#1d212b rgb(29,33,43)
```
#252a37
```
#252a37 rgb(37,42,55)
```
#2c3343
```
#2c3343 rgb(44,51,67)
```
#343c4e
```
#343c4e rgb(52,60,78)
```
#3c455a
```
#3c455a rgb(60,69,90)
```
#444e66
```
#444e66 rgb(68,78,102)
```
#4c5772
```
#4c5772 rgb(76,87,114)
```
#54607e
```
#54607e rgb(84,96,126)
```
#5c6989
```
#5c6989 rgb(92,105,137)
```
#637295
```
#637295 rgb(99,114,149)
```

Shade Color Variation

#6e7c9e
```
#6e7c9e rgb(110,124,158)
```
#7a87a6
```
#7a87a6 rgb(122,135,166)
```
#8591ae
```
#8591ae rgb(133,145,174)
```
#919cb6
```
#919cb6 rgb(145,156,182)
```
#9da7be
```
#9da7be rgb(157,167,190)
```
#a9b1c5
```
#a9b1c5 rgb(169,177,197)
```
#b4bccd
```
#b4bccd rgb(180,188,205)
```
#c0c6d5
```
#c0c6d5 rgb(192,198,213)
```
#ccd1dd
```
#ccd1dd rgb(204,209,221)
```
#d8dce5
```
#d8dce5 rgb(216,220,229)
```
#e4e6ed
```
#e4e6ed rgb(228,230,237)
```
#eff1f5
```
#eff1f5 rgb(239,241,245)
```
#fbfbfc
```
#fbfbfc rgb(251,251,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 #abc4fe is the most saturated one.

#d3d4d6
```
#d3d4d6 rgb(211,212,214)
```
#cfd2da
```
#cfd2da rgb(207,210,218)
```
#ccd1dd
```
#ccd1dd rgb(204,209,221)
```
#c9d0e0
```
#c9d0e0 rgb(201,208,224)
```
#c5cee4
```
#c5cee4 rgb(197,206,228)
```
#c2cde7
```
#c2cde7 rgb(194,205,231)
```
#bfccea
```
#bfccea rgb(191,204,234)
```
#bccaed
```
#bccaed rgb(188,202,237)
```
#b8c9f1
```
#b8c9f1 rgb(184,201,241)
```
#b5c8f4
```
#b5c8f4 rgb(181,200,244)
```
#b2c6f7
```
#b2c6f7 rgb(178,198,247)
```
#afc5fa
```
#afc5fa rgb(175,197,250)
```
#abc4fe
```
#abc4fe rgb(171,196,254)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#d0d1d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d2de Protanopia 1% of men
#e0cde0 Deuteranopia 1% of men
#cfd2e1 Tritanopia 0.001% of the population

Trichromacy

#d0d1dd Protanomaly 1% of men, 0.01% of women
#d9cedf Deuteranomaly 6% of men, 0.4% of women
#ced2e0 Tritanomaly 0.01% of the population

#ccd1dd hex color

#ccd1dd Color Information

#ccd1dd Color Conversion

Color Schemes with #ccd1dd

Alternatives to #ccd1dd

#ccd1dd Preview

Shades and Tints of #ccd1dd

Tones of #ccd1dd

Color Blindness Simulator