#ccdcde hex color

In a RGB color space, hex #ccdcde is composed of 80% red, 86.3% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 8.1% cyan, 0.9% magenta, 0% yellow and 12.9% black. It has a hue angle of 186.7 degrees, a saturation of 21.4% and a lightness of 83.5%. #ccdcde color hex could be obtained by blending #ffffff with #99b9bd. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 86
- B 87
RGB color chart
- C 8
- M 1
- Y 0
- K 13
CMYK color chart

● #ccdcde color description : Light grayish cyan.

The hexadecimal color #ccdcde has RGB values of R:204, G:220, B:222 and CMYK values of C:0.08, M:0.01, Y:0, K:0.13. Its decimal value is 13425886.

Hex triplet	ccdcde	`#ccdcde`
RGB Decimal	204, 220, 222	`rgb(204,220,222)`
RGB Percent	80, 86.3, 87.1	`rgb(80%,86.3%,87.1%)`
CMYK	8, 1, 0, 13
HSL	186.7°, 21.4, 83.5	`hsl(186.7,21.4%,83.5%)`
HSV (or HSB)	186.7°, 8.1, 87.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.651, -4.954, -2.825
XYZ	63.677, 69.297, 79.124
xyY	0.3, 0.327, 69.297
CIE-LCH	86.651, 5.703, 209.698
CIE-LUV	86.651, -8.821, -3.474
Hunter-Lab	83.245, -9.137, 1.916
Binary	11001100, 11011100, 11011110

#ccdcde
```
#ccdcde rgb(204,220,222)
```
#dececc
```
#dececc rgb(222,206,204)
```

Complementary Color

#ccded7
```
#ccded7 rgb(204,222,215)
```
#ccdcde
```
#ccdcde rgb(204,220,222)
```
#ccd3de
```
#ccd3de rgb(204,211,222)
```

Analogous Color

#ded7cc
```
#ded7cc rgb(222,215,204)
```
#ccdcde
```
#ccdcde rgb(204,220,222)
```
#deccd3
```
#deccd3 rgb(222,204,211)
```

Split Complementary Color

#dcdecc
```
#dcdecc rgb(220,222,204)
```
#ccdcde
```
#ccdcde rgb(204,220,222)
```
#deccdc
```
#deccdc rgb(222,204,220)
```

Triadic Color

#ccdece
```
#ccdece rgb(204,222,206)
```
#ccdcde
```
#ccdcde rgb(204,220,222)
```
#deccdc
```
#deccdc rgb(222,204,220)
```
#dececc
```
#dececc rgb(222,206,204)
```

Tetradic Color

#9ebcc0
```
#9ebcc0 rgb(158,188,192)
```
#adc7ca
```
#adc7ca rgb(173,199,202)
```
#bdd1d4
```
#bdd1d4 rgb(189,209,212)
```
#ccdcde
```
#ccdcde rgb(204,220,222)
```
#dbe7e8
```
#dbe7e8 rgb(219,231,232)
```
#ebf1f2
```
#ebf1f2 rgb(235,241,242)
```
#fafcfc
```
#fafcfc rgb(250,252,252)
```

Monochromatic Color

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

#ccdedc
```
#ccdedc rgb(204,222,220)
```
#ccdedd
```
#ccdedd rgb(204,222,221)
```
#ccdede
```
#ccdede rgb(204,222,222)
```
#ccdcde
```
#ccdcde rgb(204,220,222)
```
#ccdbde
```
#ccdbde rgb(204,219,222)
```
#ccd9de
```
#ccd9de rgb(204,217,222)
```
#ccd8de
```
#ccd8de rgb(204,216,222)
```

Similar Colors

Text with hexadecimal color #ccdcde

This text has a font color of #ccdcde.

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

#ccdcde background color

This paragraph has a background color of #ccdcde.

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

#ccdcde border color

This element has a border color of #ccdcde.

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

CSS codes

.text {color:#ccdcde;}

.background {background-color:#ccdcde;}

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

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

#060809
```
#060809 rgb(6,8,9)
```
#0d1414
```
#0d1414 rgb(13,20,20)
```
#151f20
```
#151f20 rgb(21,31,32)
```
#1d2b2c
```
#1d2b2c rgb(29,43,44)
```
#243638
```
#243638 rgb(36,54,56)
```
#2c4144
```
#2c4144 rgb(44,65,68)
```
#344d50
```
#344d50 rgb(52,77,80)
```
#3b585c
```
#3b585c rgb(59,88,92)
```
#436468
```
#436468 rgb(67,100,104)
```
#4b6f74
```
#4b6f74 rgb(75,111,116)
```
#537b80
```
#537b80 rgb(83,123,128)
```
#5a868c
```
#5a868c rgb(90,134,140)
```
#629297
```
#629297 rgb(98,146,151)
```

Shade Color Variation

#6d9ba0
```
#6d9ba0 rgb(109,155,160)
```
#79a3a8
```
#79a3a8 rgb(121,163,168)
```
#85abb0
```
#85abb0 rgb(133,171,176)
```
#90b3b7
```
#90b3b7 rgb(144,179,183)
```
#9cbbbf
```
#9cbbbf rgb(156,187,191)
```
#a8c3c7
```
#a8c3c7 rgb(168,195,199)
```
#b4cccf
```
#b4cccf rgb(180,204,207)
```
#c0d4d6
```
#c0d4d6 rgb(192,212,214)
```
#ccdcde
```
#ccdcde rgb(204,220,222)
```
#d8e4e6
```
#d8e4e6 rgb(216,228,230)
```
#e4eced
```
#e4eced rgb(228,236,237)
```
#f0f5f5
```
#f0f5f5 rgb(240,245,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#d2d7d8
```
#d2d7d8 rgb(210,215,216)
```
#cfd9db
```
#cfd9db rgb(207,217,219)
```
#ccdcde
```
#ccdcde rgb(204,220,222)
```
#c9dfe1
```
#c9dfe1 rgb(201,223,225)
```
#c6e1e4
```
#c6e1e4 rgb(198,225,228)
```
#c2e4e8
```
#c2e4e8 rgb(194,228,232)
```
#bfe6eb
```
#bfe6eb rgb(191,230,235)
```
#bce9ee
```
#bce9ee rgb(188,233,238)
```
#b9ebf1
```
#b9ebf1 rgb(185,235,241)
```
#b5eef5
```
#b5eef5 rgb(181,238,245)
```
#b2f0f8
```
#b2f0f8 rgb(178,240,248)
```
#aff3fb
```
#aff3fb rgb(175,243,251)
```
#acf5fe
```
#acf5fe rgb(172,245,254)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#d5d8d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd9dd Protanopia 1% of men
#ebd4e2 Deuteranopia 1% of men
#d1dbeb Tritanopia 0.001% of the population

Trichromacy

#d7dadd Protanomaly 1% of men, 0.01% of women
#dfd7e0 Deuteranomaly 6% of men, 0.4% of women
#cfdbe6 Tritanomaly 0.01% of the population

#ccdcde hex color

#ccdcde Color Information

#ccdcde Color Conversion

Color Schemes with #ccdcde

Alternatives to #ccdcde

#ccdcde Preview

Shades and Tints of #ccdcde

Tones of #ccdcde

Color Blindness Simulator