#ccd5e0 hex color

In a RGB color space, hex #ccd5e0 is composed of 80% red, 83.5% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 8.9% cyan, 4.9% magenta, 0% yellow and 12.2% black. It has a hue angle of 213 degrees, a saturation of 24.4% and a lightness of 83.9%. #ccd5e0 color hex could be obtained by blending #ffffff with #99abc1. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 84
- B 88
RGB color chart
- C 9
- M 5
- Y 0
- K 12
CMYK color chart

● #ccd5e0 color description : Light grayish blue.

The hexadecimal color #ccd5e0 has RGB values of R:204, G:213, B:224 and CMYK values of C:0.09, M:0.05, Y:0, K:0.12. Its decimal value is 13424096.

Hex triplet	ccd5e0	`#ccd5e0`
RGB Decimal	204, 213, 224	`rgb(204,213,224)`
RGB Percent	80, 83.5, 87.8	`rgb(80%,83.5%,87.8%)`
CMYK	9, 5, 0, 12
HSL	213°, 24.4, 83.9	`hsl(213,24.4%,83.9%)`
HSV (or HSB)	213°, 8.9, 87.8
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.898, -0.929, -6.467
XYZ	62.148, 65.807, 79.945
xyY	0.299, 0.317, 65.807
CIE-LCH	84.898, 6.533, 261.829
CIE-LUV	84.898, -5.515, -9.814
Hunter-Lab	81.122, -5.212, -1.645
Binary	11001100, 11010101, 11100000

#ccd5e0
```
#ccd5e0 rgb(204,213,224)
```
#e0d7cc
```
#e0d7cc rgb(224,215,204)
```

Complementary Color

#ccdfe0
```
#ccdfe0 rgb(204,223,224)
```
#ccd5e0
```
#ccd5e0 rgb(204,213,224)
```
#cdcce0
```
#cdcce0 rgb(205,204,224)
```

Analogous Color

#dfe0cc
```
#dfe0cc rgb(223,224,204)
```
#ccd5e0
```
#ccd5e0 rgb(204,213,224)
```
#e0cdcc
```
#e0cdcc rgb(224,205,204)
```

Split Complementary Color

#d5e0cc
```
#d5e0cc rgb(213,224,204)
```
#ccd5e0
```
#ccd5e0 rgb(204,213,224)
```
#e0ccd5
```
#e0ccd5 rgb(224,204,213)
```

Triadic Color

#cce0d7
```
#cce0d7 rgb(204,224,215)
```
#ccd5e0
```
#ccd5e0 rgb(204,213,224)
```
#e0ccd5
```
#e0ccd5 rgb(224,204,213)
```
#e0d7cc
```
#e0d7cc rgb(224,215,204)
```

Tetradic Color

#9caec3
```
#9caec3 rgb(156,174,195)
```
#acbbcd
```
#acbbcd rgb(172,187,205)
```
#bcc8d6
```
#bcc8d6 rgb(188,200,214)
```
#ccd5e0
```
#ccd5e0 rgb(204,213,224)
```
#dce2ea
```
#dce2ea rgb(220,226,234)
```
#eceff3
```
#eceff3 rgb(236,239,243)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Monochromatic Color

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

#ccdae0
```
#ccdae0 rgb(204,218,224)
```
#ccd8e0
```
#ccd8e0 rgb(204,216,224)
```
#ccd7e0
```
#ccd7e0 rgb(204,215,224)
```
#ccd5e0
```
#ccd5e0 rgb(204,213,224)
```
#ccd3e0
```
#ccd3e0 rgb(204,211,224)
```
#ccd2e0
```
#ccd2e0 rgb(204,210,224)
```
#ccd0e0
```
#ccd0e0 rgb(204,208,224)
```

Similar Colors

Text with hexadecimal color #ccd5e0

This text has a font color of #ccd5e0.

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

#ccd5e0 background color

This paragraph has a background color of #ccd5e0.

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

#ccd5e0 border color

This element has a border color of #ccd5e0.

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

CSS codes

.text {color:#ccd5e0;}

.background {background-color:#ccd5e0;}

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

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, #06080a is the darkest color, while #fdfdfe is the lightest one.

#06080a
```
#06080a rgb(6,8,10)
```
#0d1116
```
#0d1116 rgb(13,17,22)
```
#151b22
```
#151b22 rgb(21,27,34)
```
#1c252f
```
#1c252f rgb(28,37,47)
```
#242e3b
```
#242e3b rgb(36,46,59)
```
#2b3847
```
#2b3847 rgb(43,56,71)
```
#334153
```
#334153 rgb(51,65,83)
```
#3a4b5f
```
#3a4b5f rgb(58,75,95)
```
#41546c
```
#41546c rgb(65,84,108)
```
#495e78
```
#495e78 rgb(73,94,120)
```
#506884
```
#506884 rgb(80,104,132)
```
#587190
```
#587190 rgb(88,113,144)
```
#5f7b9c
```
#5f7b9c rgb(95,123,156)
```

Shade Color Variation

#6a85a5
```
#6a85a5 rgb(106,133,165)
```
#778fac
```
#778fac rgb(119,143,172)
```
#8399b4
```
#8399b4 rgb(131,153,180)
```
#8fa3bb
```
#8fa3bb rgb(143,163,187)
```
#9badc2
```
#9badc2 rgb(155,173,194)
```
#a7b7ca
```
#a7b7ca rgb(167,183,202)
```
#b4c1d1
```
#b4c1d1 rgb(180,193,209)
```
#c0cbd9
```
#c0cbd9 rgb(192,203,217)
```
#ccd5e0
```
#ccd5e0 rgb(204,213,224)
```
#d8dfe7
```
#d8dfe7 rgb(216,223,231)
```
#e4e9ef
```
#e4e9ef rgb(228,233,239)
```
#f1f3f6
```
#f1f3f6 rgb(241,243,246)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#d5d6d7
```
#d5d6d7 rgb(213,214,215)
```
#d2d6da
```
#d2d6da rgb(210,214,218)
```
#cfd5dd
```
#cfd5dd rgb(207,213,221)
```
#ccd5e0
```
#ccd5e0 rgb(204,213,224)
```
#c9d5e3
```
#c9d5e3 rgb(201,213,227)
```
#c6d4e6
```
#c6d4e6 rgb(198,212,230)
```
#c3d4e9
```
#c3d4e9 rgb(195,212,233)
```
#bfd4ed
```
#bfd4ed rgb(191,212,237)
```
#bcd3f0
```
#bcd3f0 rgb(188,211,240)
```
#b9d3f3
```
#b9d3f3 rgb(185,211,243)
```
#b6d3f6
```
#b6d3f6 rgb(182,211,246)
```
#b3d2f9
```
#b3d2f9 rgb(179,210,249)
```
#b0d2fc
```
#b0d2fc rgb(176,210,252)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#d2d4d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d4e0 Protanopia 1% of men
#e3d0e3 Deuteranopia 1% of men
#cfd6e5 Tritanopia 0.001% of the population

Trichromacy

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

#ccd5e0 hex color

#ccd5e0 Color Information

#ccd5e0 Color Conversion

Color Schemes with #ccd5e0

Alternatives to #ccd5e0

#ccd5e0 Preview

Shades and Tints of #ccd5e0

Tones of #ccd5e0

Color Blindness Simulator