#ccd1ee hex color

In a RGB color space, hex #ccd1ee is composed of 80% red, 82% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 14.3% cyan, 12.2% magenta, 0% yellow and 6.7% black. It has a hue angle of 231.2 degrees, a saturation of 50% and a lightness of 86.7%. #ccd1ee color hex could be obtained by blending #ffffff with #99a3dd. Closest websafe color is: #ccccff.

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

● #ccd1ee color description : Light grayish blue.

The hexadecimal color #ccd1ee has RGB values of R:204, G:209, B:238 and CMYK values of C:0.14, M:0.12, Y:0, K:0.07. Its decimal value is 13423086.

Hex triplet	ccd1ee	`#ccd1ee`
RGB Decimal	204, 209, 238	`rgb(204,209,238)`
RGB Percent	80, 82, 93.3	`rgb(80%,82%,93.3%)`
CMYK	14, 12, 0, 7
HSL	231.2°, 50, 86.7	`hsl(231.2,50%,86.7%)`
HSV (or HSB)	231.2°, 14.3, 93.3
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.283, 4.001, -14.816
XYZ	63.132, 64.611, 90.029
xyY	0.29, 0.297, 64.611
CIE-LCH	84.283, 15.347, 285.114
CIE-LUV	84.283, -4.32, -23.939
Hunter-Lab	80.381, -0.471, -10.14
Binary	11001100, 11010001, 11101110

#ccd1ee
```
#ccd1ee rgb(204,209,238)
```
#eee9cc
```
#eee9cc rgb(238,233,204)
```

Complementary Color

#cce2ee
```
#cce2ee rgb(204,226,238)
```
#ccd1ee
```
#ccd1ee rgb(204,209,238)
```
#d8ccee
```
#d8ccee rgb(216,204,238)
```

Analogous Color

#e2eecc
```
#e2eecc rgb(226,238,204)
```
#ccd1ee
```
#ccd1ee rgb(204,209,238)
```
#eed8cc
```
#eed8cc rgb(238,216,204)
```

Split Complementary Color

#d1eecc
```
#d1eecc rgb(209,238,204)
```
#ccd1ee
```
#ccd1ee rgb(204,209,238)
```
#eeccd1
```
#eeccd1 rgb(238,204,209)
```

Triadic Color

#cceee9
```
#cceee9 rgb(204,238,233)
```
#ccd1ee
```
#ccd1ee rgb(204,209,238)
```
#eeccd1
```
#eeccd1 rgb(238,204,209)
```
#eee9cc
```
#eee9cc rgb(238,233,204)
```

Tetradic Color

#939ddb
```
#939ddb rgb(147,157,219)
```
#a6afe1
```
#a6afe1 rgb(166,175,225)
```
#b9c0e8
```
#b9c0e8 rgb(185,192,232)
```
#ccd1ee
```
#ccd1ee rgb(204,209,238)
```
#dfe2f4
```
#dfe2f4 rgb(223,226,244)
```
#f2f4fb
```
#f2f4fb rgb(242,244,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ccdaee
```
#ccdaee rgb(204,218,238)
```
#ccd7ee
```
#ccd7ee rgb(204,215,238)
```
#ccd4ee
```
#ccd4ee rgb(204,212,238)
```
#ccd1ee
```
#ccd1ee rgb(204,209,238)
```
#ccceee
```
#ccceee rgb(204,206,238)
```
#cdccee
```
#cdccee rgb(205,204,238)
```
#d0ccee
```
#d0ccee rgb(208,204,238)
```

Similar Colors

Text with hexadecimal color #ccd1ee

This text has a font color of #ccd1ee.

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

#ccd1ee background color

This paragraph has a background color of #ccd1ee.

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

#ccd1ee border color

This element has a border color of #ccd1ee.

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

CSS codes

.text {color:#ccd1ee;}

.background {background-color:#ccd1ee;}

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

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

#030308
```
#030308 rgb(3,3,8)
```
#080a17
```
#080a17 rgb(8,10,23)
```
#0c1025
```
#0c1025 rgb(12,16,37)
```
#111634
```
#111634 rgb(17,22,52)
```
#161d43
```
#161d43 rgb(22,29,67)
```
#1b2351
```
#1b2351 rgb(27,35,81)
```
#202960
```
#202960 rgb(32,41,96)
```
#25306f
```
#25306f rgb(37,48,111)
```
#2a367e
```
#2a367e rgb(42,54,126)
```
#2f3d8c
```
#2f3d8c rgb(47,61,140)
```
#34439b
```
#34439b rgb(52,67,155)
```
#3949aa
```
#3949aa rgb(57,73,170)
```
#3d50b8
```
#3d50b8 rgb(61,80,184)
```

Shade Color Variation

#485ac2
```
#485ac2 rgb(72,90,194)
```
#5667c7
```
#5667c7 rgb(86,103,199)
```
#6574cc
```
#6574cc rgb(101,116,204)
```
#7481d1
```
#7481d1 rgb(116,129,209)
```
#828fd5
```
#828fd5 rgb(130,143,213)
```
#919cda
```
#919cda rgb(145,156,218)
```
#a0a9df
```
#a0a9df rgb(160,169,223)
```
#afb6e4
```
#afb6e4 rgb(175,182,228)
```
#bdc4e9
```
#bdc4e9 rgb(189,196,233)
```
#ccd1ee
```
#ccd1ee rgb(204,209,238)
```
#dbdef3
```
#dbdef3 rgb(219,222,243)
```
#e9ecf8
```
#e9ecf8 rgb(233,236,248)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

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

#dcdcde
```
#dcdcde rgb(220,220,222)
```
#d9dae1
```
#d9dae1 rgb(217,218,225)
```
#d6d8e4
```
#d6d8e4 rgb(214,216,228)
```
#d4d7e6
```
#d4d7e6 rgb(212,215,230)
```
#d1d5e9
```
#d1d5e9 rgb(209,213,233)
```
#cfd3eb
```
#cfd3eb rgb(207,211,235)
```
#ccd1ee
```
#ccd1ee rgb(204,209,238)
```
#c9cff1
```
#c9cff1 rgb(201,207,241)
```
#c7cdf3
```
#c7cdf3 rgb(199,205,243)
```
#c4cbf6
```
#c4cbf6 rgb(196,203,246)
```
#c2caf8
```
#c2caf8 rgb(194,202,248)
```
#bfc8fb
```
#bfc8fb rgb(191,200,251)
```
#bcc6fe
```
#bcc6fe rgb(188,198,254)
```

Tone Color Variation

Below, you can see how #ccd1ee 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
#d2d3d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd3ee Protanopia 1% of men
#dacff0 Deuteranopia 1% of men
#ccd5e4 Tritanopia 0.001% of the population

Trichromacy

#ced2ee Protanomaly 1% of men, 0.01% of women
#d5d0ef Deuteranomaly 6% of men, 0.4% of women
#ccd3e7 Tritanomaly 0.01% of the population

#ccd1ee hex color

#ccd1ee Color Information

#ccd1ee Color Conversion

Color Schemes with #ccd1ee

Alternatives to #ccd1ee

#ccd1ee Preview

Shades and Tints of #ccd1ee

Tones of #ccd1ee

Color Blindness Simulator