#ccdbec hex color

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

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

● #ccdbec color description : Light grayish blue.

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

Hex triplet	ccdbec	`#ccdbec`
RGB Decimal	204, 219, 236	`rgb(204,219,236)`
RGB Percent	80, 85.9, 92.5	`rgb(80%,85.9%,92.5%)`
CMYK	14, 7, 0, 7
HSL	211.9°, 45.7, 86.3	`hsl(211.9,45.7%,86.3%)`
HSV (or HSB)	211.9°, 13.6, 92.5
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.779, -1.659, -10.028
XYZ	65.371, 69.556, 89.334
xyY	0.291, 0.31, 69.556
CIE-LCH	86.779, 10.165, 260.606
CIE-LUV	86.779, -8.92, -15.373
Hunter-Lab	83.4, -6.038, -5.128
Binary	11001100, 11011011, 11101100

#ccdbec
```
#ccdbec rgb(204,219,236)
```
#ecddcc
```
#ecddcc rgb(236,221,204)
```

Complementary Color

#ccebec
```
#ccebec rgb(204,235,236)
```
#ccdbec
```
#ccdbec rgb(204,219,236)
```
#cdccec
```
#cdccec rgb(205,204,236)
```

Analogous Color

#ebeccc
```
#ebeccc rgb(235,236,204)
```
#ccdbec
```
#ccdbec rgb(204,219,236)
```
#eccdcc
```
#eccdcc rgb(236,205,204)
```

Split Complementary Color

#dbeccc
```
#dbeccc rgb(219,236,204)
```
#ccdbec
```
#ccdbec rgb(204,219,236)
```
#ecccdb
```
#ecccdb rgb(236,204,219)
```

Triadic Color

#ccecdd
```
#ccecdd rgb(204,236,221)
```
#ccdbec
```
#ccdbec rgb(204,219,236)
```
#ecccdb
```
#ecccdb rgb(236,204,219)
```
#ecddcc
```
#ecddcc rgb(236,221,204)
```

Tetradic Color

#94b4d7
```
#94b4d7 rgb(148,180,215)
```
#a7c1de
```
#a7c1de rgb(167,193,222)
```
#b9cee5
```
#b9cee5 rgb(185,206,229)
```
#ccdbec
```
#ccdbec rgb(204,219,236)
```
#dfe8f3
```
#dfe8f3 rgb(223,232,243)
```
#f1f5fa
```
#f1f5fa rgb(241,245,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cce3ec
```
#cce3ec rgb(204,227,236)
```
#cce0ec
```
#cce0ec rgb(204,224,236)
```
#ccdeec
```
#ccdeec rgb(204,222,236)
```
#ccdbec
```
#ccdbec rgb(204,219,236)
```
#ccd8ec
```
#ccd8ec rgb(204,216,236)
```
#ccd6ec
```
#ccd6ec rgb(204,214,236)
```
#ccd3ec
```
#ccd3ec rgb(204,211,236)
```

Similar Colors

Text with hexadecimal color #ccdbec

This text has a font color of #ccdbec.

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

#ccdbec background color

This paragraph has a background color of #ccdbec.

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

#ccdbec border color

This element has a border color of #ccdbec.

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

CSS codes

.text {color:#ccdbec;}

.background {background-color:#ccdbec;}

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

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 #f7f9fc is the lightest one.

#020406
```
#020406 rgb(2,4,6)
```
#080e14
```
#080e14 rgb(8,14,20)
```
#0d1723
```
#0d1723 rgb(13,23,35)
```
#122131
```
#122131 rgb(18,33,49)
```
#182a3f
```
#182a3f rgb(24,42,63)
```
#1d344e
```
#1d344e rgb(29,52,78)
```
#223d5c
```
#223d5c rgb(34,61,92)
```
#28476a
```
#28476a rgb(40,71,106)
```
#2d5078
```
#2d5078 rgb(45,80,120)
```
#325a87
```
#325a87 rgb(50,90,135)
```
#386395
```
#386395 rgb(56,99,149)
```
#3d6da3
```
#3d6da3 rgb(61,109,163)
```
#4276b2
```
#4276b2 rgb(66,118,178)
```

Shade Color Variation

#4b80bc
```
#4b80bc rgb(75,128,188)
```
#5a8ac1
```
#5a8ac1 rgb(90,138,193)
```
#6894c7
```
#6894c7 rgb(104,148,199)
```
#769ecc
```
#769ecc rgb(118,158,204)
```
#85a9d1
```
#85a9d1 rgb(133,169,209)
```
#93b3d7
```
#93b3d7 rgb(147,179,215)
```
#a1bddc
```
#a1bddc rgb(161,189,220)
```
#afc7e1
```
#afc7e1 rgb(175,199,225)
```
#bed1e7
```
#bed1e7 rgb(190,209,231)
```
#ccdbec
```
#ccdbec rgb(204,219,236)
```
#dae5f1
```
#dae5f1 rgb(218,229,241)
```
#e9eff7
```
#e9eff7 rgb(233,239,247)
```
#f7f9fc
```
#f7f9fc rgb(247,249,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 #b9daff is the most saturated one.

#d9dcdf
```
#d9dcdf rgb(217,220,223)
```
#d7dce1
```
#d7dce1 rgb(215,220,225)
```
#d4dce4
```
#d4dce4 rgb(212,220,228)
```
#d1dbe7
```
#d1dbe7 rgb(209,219,231)
```
#cfdbe9
```
#cfdbe9 rgb(207,219,233)
```
#ccdbec
```
#ccdbec rgb(204,219,236)
```
#c9dbef
```
#c9dbef rgb(201,219,239)
```
#c7dbf1
```
#c7dbf1 rgb(199,219,241)
```
#c4daf4
```
#c4daf4 rgb(196,218,244)
```
#c1daf7
```
#c1daf7 rgb(193,218,247)
```
#bfdaf9
```
#bfdaf9 rgb(191,218,249)
```
#bcdafc
```
#bcdafc rgb(188,218,252)
```
#b9daff
```
#b9daff rgb(185,218,255)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#d6d9dc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9d9eb Protanopia 1% of men
#e5d5ef Deuteranopia 1% of men
#cedcec Tritanopia 0.001% of the population

Trichromacy

#d4daeb Protanomaly 1% of men, 0.01% of women
#dcd7ee Deuteranomaly 6% of men, 0.4% of women
#cddcec Tritanomaly 0.01% of the population

#ccdbec hex color

#ccdbec Color Information

#ccdbec Color Conversion

Color Schemes with #ccdbec

Alternatives to #ccdbec

#ccdbec Preview

Shades and Tints of #ccdbec

Tones of #ccdbec

Color Blindness Simulator