colorhexa.com

#ccd5df hex color

In a RGB color space, hex #ccd5df is composed of 80% red, 83.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 8.5% cyan, 4.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 211.6 degrees, a saturation of 22.9% and a lightness of 83.7%. #ccd5df color hex could be obtained by blending #ffffff with #99abbf. Closest websafe color is: #cccccc.

- R 80
- G 84
- B 87
RGB color chart
- C 9
- M 4
- Y 0
- K 13
CMYK color chart

● #ccd5df color description : Light grayish blue.

The hexadecimal color #ccd5df has RGB values of R:204, G:213, B:223 and CMYK values of C:0.09, M:0.04, Y:0, K:0.13. Its decimal value is 13424095.

Hex triplet	ccd5df	`#ccd5df`
RGB Decimal	204, 213, 223	`rgb(204,213,223)`
RGB Percent	80, 83.5, 87.5	`rgb(80%,83.5%,87.5%)`
CMYK	9, 4, 0, 13
HSL	211.6°, 22.9, 83.7	`hsl(211.6,22.9%,83.7%)`
HSV (or HSB)	211.6°, 8.5, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.87, -1.124, -5.977
XYZ	62.013, 65.753, 79.233
xyY	0.3, 0.318, 65.753
CIE-LCH	84.87, 6.082, 259.347
CIE-LUV	84.87, -5.467, -9.013
Hunter-Lab	81.088, -5.396, -1.171
Binary	11001100, 11010101, 11011111

#ccd5df
```
#ccd5df rgb(204,213,223)
```
#dfd6cc
```
#dfd6cc rgb(223,214,204)
```

Complementary Color

#ccdfdf
```
#ccdfdf rgb(204,223,223)
```
#ccd5df
```
#ccd5df rgb(204,213,223)
```
#cdccdf
```
#cdccdf rgb(205,204,223)
```

Analogous Color

#dfdfcc
```
#dfdfcc rgb(223,223,204)
```
#ccd5df
```
#ccd5df rgb(204,213,223)
```
#dfcdcc
```
#dfcdcc rgb(223,205,204)
```

Split Complementary Color

#d5dfcc
```
#d5dfcc rgb(213,223,204)
```
#ccd5df
```
#ccd5df rgb(204,213,223)
```
#dfccd5
```
#dfccd5 rgb(223,204,213)
```

Triadic Color

#ccdfd6
```
#ccdfd6 rgb(204,223,214)
```
#ccd5df
```
#ccd5df rgb(204,213,223)
```
#dfccd5
```
#dfccd5 rgb(223,204,213)
```
#dfd6cc
```
#dfd6cc rgb(223,214,204)
```

Tetradic Color

#9daec2
```
#9daec2 rgb(157,174,194)
```
#adbbcb
```
#adbbcb rgb(173,187,203)
```
#bcc8d5
```
#bcc8d5 rgb(188,200,213)
```
#ccd5df
```
#ccd5df rgb(204,213,223)
```
#dce2e9
```
#dce2e9 rgb(220,226,233)
```
#ebeff3
```
#ebeff3 rgb(235,239,243)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Monochromatic Color

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

#ccdadf
```
#ccdadf rgb(204,218,223)
```
#ccd8df
```
#ccd8df rgb(204,216,223)
```
#ccd7df
```
#ccd7df rgb(204,215,223)
```
#ccd5df
```
#ccd5df rgb(204,213,223)
```
#ccd3df
```
#ccd3df rgb(204,211,223)
```
#ccd2df
```
#ccd2df rgb(204,210,223)
```
#ccd0df
```
#ccd0df rgb(204,208,223)
```

Similar Colors

Text with hexadecimal color #ccd5df

This text has a font color of #ccd5df.

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

#ccd5df background color

This paragraph has a background color of #ccd5df.

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

#ccd5df border color

This element has a border color of #ccd5df.

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

CSS codes

.text {color:#ccd5df;}

.background {background-color:#ccd5df;}

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

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

#060709
```
#060709 rgb(6,7,9)
```
#0d1115
```
#0d1115 rgb(13,17,21)
```
#151b21
```
#151b21 rgb(21,27,33)
```
#1d252d
```
#1d252d rgb(29,37,45)
```
#242e39
```
#242e39 rgb(36,46,57)
```
#2c3846
```
#2c3846 rgb(44,56,70)
```
#334252
```
#334252 rgb(51,66,82)
```
#3b4b5e
```
#3b4b5e rgb(59,75,94)
```
#42556a
```
#42556a rgb(66,85,106)
```
#4a5f76
```
#4a5f76 rgb(74,95,118)
```
#516882
```
#516882 rgb(81,104,130)
```
#59728e
```
#59728e rgb(89,114,142)
```
#617c9a
```
#617c9a rgb(97,124,154)
```

Shade Color Variation

#6c86a2
```
#6c86a2 rgb(108,134,162)
```
#7890aa
```
#7890aa rgb(120,144,170)
```
#8499b2
```
#8499b2 rgb(132,153,178)
```
#90a3b9
```
#90a3b9 rgb(144,163,185)
```
#9cadc1
```
#9cadc1 rgb(156,173,193)
```
#a8b7c8
```
#a8b7c8 rgb(168,183,200)
```
#b4c1d0
```
#b4c1d0 rgb(180,193,208)
```
#c0cbd7
```
#c0cbd7 rgb(192,203,215)
```
#ccd5df
```
#ccd5df rgb(204,213,223)
```
#d8dfe7
```
#d8dfe7 rgb(216,223,231)
```
#e4e9ee
```
#e4e9ee rgb(228,233,238)
```
#f0f3f6
```
#f0f3f6 rgb(240,243,246)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#d2d5d9
```
#d2d5d9 rgb(210,213,217)
```
#cfd5dc
```
#cfd5dc rgb(207,213,220)
```
#ccd5df
```
#ccd5df rgb(204,213,223)
```
#c9d5e2
```
#c9d5e2 rgb(201,213,226)
```
#c6d5e5
```
#c6d5e5 rgb(198,213,229)
```
#c2d4e9
```
#c2d4e9 rgb(194,212,233)
```
#bfd4ec
```
#bfd4ec rgb(191,212,236)
```
#bcd4ef
```
#bcd4ef rgb(188,212,239)
```
#b9d4f2
```
#b9d4f2 rgb(185,212,242)
```
#b6d4f5
```
#b6d4f5 rgb(182,212,245)
```
#b2d4f9
```
#b2d4f9 rgb(178,212,249)
```
#afd3fc
```
#afd3fc rgb(175,211,252)
```
#acd3ff
```
#acd3ff rgb(172,211,255)
```

Tone Color Variation

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

#d6d4df Protanopia 1% of men
#e3d0e2 Deuteranopia 1% of men
#cfd6e5 Tritanopia 0.001% of the population

Trichromacy

#d2d4df Protanomaly 1% of men, 0.01% of women
#dbd2e1 Deuteranomaly 6% of men, 0.4% of women
#ced5e3 Tritanomaly 0.01% of the population