#ccd1db hex color

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

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

● #ccd1db color description : Light grayish blue.

The hexadecimal color #ccd1db has RGB values of R:204, G:209, B:219 and CMYK values of C:0.07, M:0.05, Y:0, K:0.14. Its decimal value is 13423067.

Hex triplet	ccd1db	`#ccd1db`
RGB Decimal	204, 209, 219	`rgb(204,209,219)`
RGB Percent	80, 82, 85.9	`rgb(80%,82%,85.9%)`
CMYK	7, 5, 0, 14
HSL	220°, 17.2, 82.9	`hsl(220,17.2%,82.9%)`
HSV (or HSB)	220°, 6.8, 85.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.732, 0.193, -5.532
XYZ	60.486, 63.552, 76.094
xyY	0.302, 0.318, 63.552
CIE-LCH	83.732, 5.536, 271.997
CIE-LUV	83.732, -3.316, -8.525
Hunter-Lab	79.72, -4.076, -0.79
Binary	11001100, 11010001, 11011011

#ccd1db
```
#ccd1db rgb(204,209,219)
```
#dbd6cc
```
#dbd6cc rgb(219,214,204)
```

Complementary Color

#ccd9db
```
#ccd9db rgb(204,217,219)
```
#ccd1db
```
#ccd1db rgb(204,209,219)
```
#cfccdb
```
#cfccdb rgb(207,204,219)
```

Analogous Color

#d9dbcc
```
#d9dbcc rgb(217,219,204)
```
#ccd1db
```
#ccd1db rgb(204,209,219)
```
#dbcfcc
```
#dbcfcc rgb(219,207,204)
```

Split Complementary Color

#d1dbcc
```
#d1dbcc rgb(209,219,204)
```
#ccd1db
```
#ccd1db rgb(204,209,219)
```
#dbccd1
```
#dbccd1 rgb(219,204,209)
```

Triadic Color

#ccdbd6
```
#ccdbd6 rgb(204,219,214)
```
#ccd1db
```
#ccd1db rgb(204,209,219)
```
#dbccd1
```
#dbccd1 rgb(219,204,209)
```
#dbd6cc
```
#dbd6cc rgb(219,214,204)
```

Tetradic Color

#9fa9bb
```
#9fa9bb rgb(159,169,187)
```
#aeb6c6
```
#aeb6c6 rgb(174,182,198)
```
#bdc4d0
```
#bdc4d0 rgb(189,196,208)
```
#ccd1db
```
#ccd1db rgb(204,209,219)
```
#dbdee6
```
#dbdee6 rgb(219,222,230)
```
#eaecf0
```
#eaecf0 rgb(234,236,240)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Monochromatic Color

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

#ccd5db
```
#ccd5db rgb(204,213,219)
```
#ccd4db
```
#ccd4db rgb(204,212,219)
```
#ccd2db
```
#ccd2db rgb(204,210,219)
```
#ccd1db
```
#ccd1db rgb(204,209,219)
```
#ccd0db
```
#ccd0db rgb(204,208,219)
```
#cccfdb
```
#cccfdb rgb(204,207,219)
```
#cccddb
```
#cccddb rgb(204,205,219)
```

Similar Colors

Text with hexadecimal color #ccd1db

This text has a font color of #ccd1db.

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

#ccd1db background color

This paragraph has a background color of #ccd1db.

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

#ccd1db border color

This element has a border color of #ccd1db.

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

CSS codes

.text {color:#ccd1db;}

.background {background-color:#ccd1db;}

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

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

#050506
```
#050506 rgb(5,5,6)
```
#0d0e12
```
#0d0e12 rgb(13,14,18)
```
#15181d
```
#15181d rgb(21,24,29)
```
#1d2129
```
#1d2129 rgb(29,33,41)
```
#252a34
```
#252a34 rgb(37,42,52)
```
#2d3340
```
#2d3340 rgb(45,51,64)
```
#353d4b
```
#353d4b rgb(53,61,75)
```
#3d4657
```
#3d4657 rgb(61,70,87)
```
#464f62
```
#464f62 rgb(70,79,98)
```
#4e586e
```
#4e586e rgb(78,88,110)
```
#566279
```
#566279 rgb(86,98,121)
```
#5e6b85
```
#5e6b85 rgb(94,107,133)
```
#667490
```
#667490 rgb(102,116,144)
```

Shade Color Variation

#707e9a
```
#707e9a rgb(112,126,154)
```
#7c88a2
```
#7c88a2 rgb(124,136,162)
```
#8793aa
```
#8793aa rgb(135,147,170)
```
#939db2
```
#939db2 rgb(147,157,178)
```
#9ea8bb
```
#9ea8bb rgb(158,168,187)
```
#aab2c3
```
#aab2c3 rgb(170,178,195)
```
#b5bccb
```
#b5bccb rgb(181,188,203)
```
#c1c7d3
```
#c1c7d3 rgb(193,199,211)
```
#ccd1db
```
#ccd1db rgb(204,209,219)
```
#d7dbe3
```
#d7dbe3 rgb(215,219,227)
```
#e3e6eb
```
#e3e6eb rgb(227,230,235)
```
#eef0f3
```
#eef0f3 rgb(238,240,243)
```
#fafafb
```
#fafafb rgb(250,250,251)
```

Tint Color Variation

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

#d3d3d4
```
#d3d3d4 rgb(211,211,212)
```
#cfd2d8
```
#cfd2d8 rgb(207,210,216)
```
#ccd1db
```
#ccd1db rgb(204,209,219)
```
#c9d0de
```
#c9d0de rgb(201,208,222)
```
#c5cfe2
```
#c5cfe2 rgb(197,207,226)
```
#c2cee5
```
#c2cee5 rgb(194,206,229)
```
#bfcde8
```
#bfcde8 rgb(191,205,232)
```
#bbcbec
```
#bbcbec rgb(187,203,236)
```
#b8caef
```
#b8caef rgb(184,202,239)
```
#b5c9f2
```
#b5c9f2 rgb(181,201,242)
```
#b1c8f6
```
#b1c8f6 rgb(177,200,246)
```
#aec7f9
```
#aec7f9 rgb(174,199,249)
```
#abc6fc
```
#abc6fc rgb(171,198,252)
```

Tone Color Variation

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

#d3d1dc Protanopia 1% of men
#e1cdde Deuteranopia 1% of men
#cfd2e1 Tritanopia 0.001% of the population

Trichromacy

#d1d1db Protanomaly 1% of men, 0.01% of women
#d9cedd Deuteranomaly 6% of men, 0.4% of women
#ced2df Tritanomaly 0.01% of the population

#ccd1db hex color

#ccd1db Color Information

#ccd1db Color Conversion

Color Schemes with #ccd1db

Alternatives to #ccd1db

#ccd1db Preview

Shades and Tints of #ccd1db

Tones of #ccd1db

Color Blindness Simulator