#ccd5db hex color

In a RGB color space, hex #ccd5db is composed of 80% red, 83.5% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 6.8% cyan, 2.7% magenta, 0% yellow and 14.1% black. It has a hue angle of 204 degrees, a saturation of 17.2% and a lightness of 82.9%. #ccd5db color hex could be obtained by blending #ffffff with #99abb7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 84
- B 86
RGB color chart
- C 7
- M 3
- Y 0
- K 14
CMYK color chart

● #ccd5db color description : Light grayish blue.

The hexadecimal color #ccd5db has RGB values of R:204, G:213, B:219 and CMYK values of C:0.07, M:0.03, Y:0, K:0.14. Its decimal value is 13424091.

Hex triplet	ccd5db	`#ccd5db`
RGB Decimal	204, 213, 219	`rgb(204,213,219)`
RGB Percent	80, 83.5, 85.9	`rgb(80%,83.5%,85.9%)`
CMYK	7, 3, 0, 14
HSL	204°, 17.2, 82.9	`hsl(204,17.2%,82.9%)`
HSV (or HSB)	204°, 6.8, 85.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.761, -1.9, -4.016
XYZ	61.48, 65.54, 76.425
xyY	0.302, 0.322, 65.54
CIE-LCH	84.761, 4.442, 244.679
CIE-LUV	84.761, -5.277, -5.824
Hunter-Lab	80.957, -6.119, 0.698
Binary	11001100, 11010101, 11011011

#ccd5db
```
#ccd5db rgb(204,213,219)
```
#dbd2cc
```
#dbd2cc rgb(219,210,204)
```

Complementary Color

#ccdbda
```
#ccdbda rgb(204,219,218)
```
#ccd5db
```
#ccd5db rgb(204,213,219)
```
#cccedb
```
#cccedb rgb(204,206,219)
```

Analogous Color

#dbdacc
```
#dbdacc rgb(219,218,204)
```
#ccd5db
```
#ccd5db rgb(204,213,219)
```
#dbccce
```
#dbccce rgb(219,204,206)
```

Split Complementary Color

#d5dbcc
```
#d5dbcc rgb(213,219,204)
```
#ccd5db
```
#ccd5db rgb(204,213,219)
```
#dbccd5
```
#dbccd5 rgb(219,204,213)
```

Triadic Color

#ccdbd2
```
#ccdbd2 rgb(204,219,210)
```
#ccd5db
```
#ccd5db rgb(204,213,219)
```
#dbccd5
```
#dbccd5 rgb(219,204,213)
```
#dbd2cc
```
#dbd2cc rgb(219,210,204)
```

Tetradic Color

#9fb0bb
```
#9fb0bb rgb(159,176,187)
```
#aebcc6
```
#aebcc6 rgb(174,188,198)
```
#bdc9d0
```
#bdc9d0 rgb(189,201,208)
```
#ccd5db
```
#ccd5db rgb(204,213,219)
```
#dbe1e6
```
#dbe1e6 rgb(219,225,230)
```
#eaeef0
```
#eaeef0 rgb(234,238,240)
```
#f9fafb
```
#f9fafb rgb(249,250,251)
```

Monochromatic Color

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

#ccd9db
```
#ccd9db rgb(204,217,219)
```
#ccd8db
```
#ccd8db rgb(204,216,219)
```
#ccd6db
```
#ccd6db rgb(204,214,219)
```
#ccd5db
```
#ccd5db rgb(204,213,219)
```
#ccd4db
```
#ccd4db rgb(204,212,219)
```
#ccd3db
```
#ccd3db rgb(204,211,219)
```
#ccd1db
```
#ccd1db rgb(204,209,219)
```

Similar Colors

Text with hexadecimal color #ccd5db

This text has a font color of #ccd5db.

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

#ccd5db background color

This paragraph has a background color of #ccd5db.

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

#ccd5db border color

This element has a border color of #ccd5db.

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

CSS codes

.text {color:#ccd5db;}

.background {background-color:#ccd5db;}

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

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

#050606
```
#050606 rgb(5,6,6)
```
#0d1012
```
#0d1012 rgb(13,16,18)
```
#151a1d
```
#151a1d rgb(21,26,29)
```
#1d2429
```
#1d2429 rgb(29,36,41)
```
#252e34
```
#252e34 rgb(37,46,52)
```
#2d3840
```
#2d3840 rgb(45,56,64)
```
#35434b
```
#35434b rgb(53,67,75)
```
#3d4d57
```
#3d4d57 rgb(61,77,87)
```
#465762
```
#465762 rgb(70,87,98)
```
#4e616e
```
#4e616e rgb(78,97,110)
```
#566b79
```
#566b79 rgb(86,107,121)
```
#5e7585
```
#5e7585 rgb(94,117,133)
```
#667f90
```
#667f90 rgb(102,127,144)
```

Shade Color Variation

#70899a
```
#70899a rgb(112,137,154)
```
#7c93a2
```
#7c93a2 rgb(124,147,162)
```
#879caa
```
#879caa rgb(135,156,170)
```
#93a6b2
```
#93a6b2 rgb(147,166,178)
```
#9eafbb
```
#9eafbb rgb(158,175,187)
```
#aab9c3
```
#aab9c3 rgb(170,185,195)
```
#b5c2cb
```
#b5c2cb rgb(181,194,203)
```
#c1ccd3
```
#c1ccd3 rgb(193,204,211)
```
#ccd5db
```
#ccd5db rgb(204,213,219)
```
#d7dee3
```
#d7dee3 rgb(215,222,227)
```
#e3e8eb
```
#e3e8eb rgb(227,232,235)
```
#eef1f3
```
#eef1f3 rgb(238,241,243)
```
#fafbfb
```
#fafbfb rgb(250,251,251)
```

Tint Color Variation

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

#d3d4d4
```
#d3d4d4 rgb(211,212,212)
```
#cfd4d8
```
#cfd4d8 rgb(207,212,216)
```
#ccd5db
```
#ccd5db rgb(204,213,219)
```
#c9d6de
```
#c9d6de rgb(201,214,222)
```
#c5d6e2
```
#c5d6e2 rgb(197,214,226)
```
#c2d7e5
```
#c2d7e5 rgb(194,215,229)
```
#bfd8e8
```
#bfd8e8 rgb(191,216,232)
```
#bbd8ec
```
#bbd8ec rgb(187,216,236)
```
#b8d9ef
```
#b8d9ef rgb(184,217,239)
```
#b5daf2
```
#b5daf2 rgb(181,218,242)
```
#b1daf6
```
#b1daf6 rgb(177,218,246)
```
#aedbf9
```
#aedbf9 rgb(174,219,249)
```
#abdcfc
```
#abdcfc rgb(171,220,252)
```

Tone Color Variation

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

#d7d4db Protanopia 1% of men
#e5cfdf Deuteranopia 1% of men
#d0d5e5 Tritanopia 0.001% of the population

Trichromacy

#d3d4db Protanomaly 1% of men, 0.01% of women
#dcd1dd Deuteranomaly 6% of men, 0.4% of women
#ced5e1 Tritanomaly 0.01% of the population

#ccd5db hex color

#ccd5db Color Information

#ccd5db Color Conversion

Color Schemes with #ccd5db

Alternatives to #ccd5db

#ccd5db Preview

Shades and Tints of #ccd5db

Tones of #ccd5db

Color Blindness Simulator