#ccddec hex color

In a RGB color space, hex #ccddec is composed of 80% red, 86.7% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 13.6% cyan, 6.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 208.1 degrees, a saturation of 45.7% and a lightness of 86.3%. #ccddec color hex could be obtained by blending #ffffff with #99bbd9. Closest websafe color is: #ccccff.

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

● #ccddec color description : Light grayish blue.

The hexadecimal color #ccddec has RGB values of R:204, G:221, B:236 and CMYK values of C:0.14, M:0.06, Y:0, K:0.07. Its decimal value is 13426156.

Hex triplet	ccddec	`#ccddec`
RGB Decimal	204, 221, 236	`rgb(204,221,236)`
RGB Percent	80, 86.7, 92.5	`rgb(80%,86.7%,92.5%)`
CMYK	14, 6, 0, 7
HSL	208.1°, 45.7, 86.3	`hsl(208.1,45.7%,86.3%)`
HSV (or HSB)	208.1°, 13.6, 92.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	87.293, -2.699, -9.264
XYZ	65.896, 70.606, 89.509
xyY	0.292, 0.312, 70.606
CIE-LCH	87.293, 9.649, 253.758
CIE-LUV	87.293, -9.861, -13.99
Hunter-Lab	84.027, -7.065, -4.339
Binary	11001100, 11011101, 11101100

#ccddec
```
#ccddec rgb(204,221,236)
```
#ecdbcc
```
#ecdbcc rgb(236,219,204)
```

Complementary Color

#cceceb
```
#cceceb rgb(204,236,235)
```
#ccddec
```
#ccddec rgb(204,221,236)
```
#cccdec
```
#cccdec rgb(204,205,236)
```

Analogous Color

#ecebcc
```
#ecebcc rgb(236,235,204)
```
#ccddec
```
#ccddec rgb(204,221,236)
```
#eccccd
```
#eccccd rgb(236,204,205)
```

Split Complementary Color

#ddeccc
```
#ddeccc rgb(221,236,204)
```
#ccddec
```
#ccddec rgb(204,221,236)
```
#ecccdd
```
#ecccdd rgb(236,204,221)
```

Triadic Color

#ccecdb
```
#ccecdb rgb(204,236,219)
```
#ccddec
```
#ccddec rgb(204,221,236)
```
#ecccdd
```
#ecccdd rgb(236,204,221)
```
#ecdbcc
```
#ecdbcc rgb(236,219,204)
```

Tetradic Color

#94b8d7
```
#94b8d7 rgb(148,184,215)
```
#a7c4de
```
#a7c4de rgb(167,196,222)
```
#b9d1e5
```
#b9d1e5 rgb(185,209,229)
```
#ccddec
```
#ccddec rgb(204,221,236)
```
#dfe9f3
```
#dfe9f3 rgb(223,233,243)
```
#f1f6fa
```
#f1f6fa rgb(241,246,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cce5ec
```
#cce5ec rgb(204,229,236)
```
#cce2ec
```
#cce2ec rgb(204,226,236)
```
#cce0ec
```
#cce0ec rgb(204,224,236)
```
#ccddec
```
#ccddec rgb(204,221,236)
```
#ccdaec
```
#ccdaec rgb(204,218,236)
```
#ccd8ec
```
#ccd8ec rgb(204,216,236)
```
#ccd5ec
```
#ccd5ec rgb(204,213,236)
```

Similar Colors

Text with hexadecimal color #ccddec

This text has a font color of #ccddec.

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

#ccddec background color

This paragraph has a background color of #ccddec.

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

#ccddec border color

This element has a border color of #ccddec.

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

CSS codes

.text {color:#ccddec;}

.background {background-color:#ccddec;}

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

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

#020406
```
#020406 rgb(2,4,6)
```
#080e14
```
#080e14 rgb(8,14,20)
```
#0d1923
```
#0d1923 rgb(13,25,35)
```
#122331
```
#122331 rgb(18,35,49)
```
#182d3f
```
#182d3f rgb(24,45,63)
```
#1d374e
```
#1d374e rgb(29,55,78)
```
#22415c
```
#22415c rgb(34,65,92)
```
#284b6a
```
#284b6a rgb(40,75,106)
```
#2d5578
```
#2d5578 rgb(45,85,120)
```
#325f87
```
#325f87 rgb(50,95,135)
```
#386995
```
#386995 rgb(56,105,149)
```
#3d73a3
```
#3d73a3 rgb(61,115,163)
```
#427db2
```
#427db2 rgb(66,125,178)
```

Shade Color Variation

#4b87bc
```
#4b87bc rgb(75,135,188)
```
#5a91c1
```
#5a91c1 rgb(90,145,193)
```
#689ac7
```
#689ac7 rgb(104,154,199)
```
#76a4cc
```
#76a4cc rgb(118,164,204)
```
#85add1
```
#85add1 rgb(133,173,209)
```
#93b7d7
```
#93b7d7 rgb(147,183,215)
```
#a1c0dc
```
#a1c0dc rgb(161,192,220)
```
#afcae1
```
#afcae1 rgb(175,202,225)
```
#bed3e7
```
#bed3e7 rgb(190,211,231)
```
#ccddec
```
#ccddec rgb(204,221,236)
```
#dae7f1
```
#dae7f1 rgb(218,231,241)
```
#e9f0f7
```
#e9f0f7 rgb(233,240,247)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

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

#d9dcdf
```
#d9dcdf rgb(217,220,223)
```
#d7dce1
```
#d7dce1 rgb(215,220,225)
```
#d4dce4
```
#d4dce4 rgb(212,220,228)
```
#d1dde7
```
#d1dde7 rgb(209,221,231)
```
#cfdde9
```
#cfdde9 rgb(207,221,233)
```
#ccddec
```
#ccddec rgb(204,221,236)
```
#c9ddef
```
#c9ddef rgb(201,221,239)
```
#c7ddf1
```
#c7ddf1 rgb(199,221,241)
```
#c4def4
```
#c4def4 rgb(196,222,244)
```
#c1def7
```
#c1def7 rgb(193,222,247)
```
#bfdef9
```
#bfdef9 rgb(191,222,249)
```
#bcdefc
```
#bcdefc rgb(188,222,252)
```
#b9deff
```
#b9deff rgb(185,222,255)
```

Tone Color Variation

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

#dadada Achromatopsia 0.005% of the population
#d7dbde Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbdbeb Protanopia 1% of men
#e7d6ef Deuteranopia 1% of men
#cedeee Tritanopia 0.001% of the population

Trichromacy

#d6dbeb Protanomaly 1% of men, 0.01% of women
#ddd9ee Deuteranomaly 6% of men, 0.4% of women
#cddded Tritanomaly 0.01% of the population

#ccddec hex color

#ccddec Color Information

#ccddec Color Conversion

Color Schemes with #ccddec

Alternatives to #ccddec

#ccddec Preview

Shades and Tints of #ccddec

Tones of #ccddec

Color Blindness Simulator