#ccdbf7 hex color

In a RGB color space, hex #ccdbf7 is composed of 80% red, 85.9% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 17.4% cyan, 11.3% magenta, 0% yellow and 3.1% black. It has a hue angle of 219.1 degrees, a saturation of 72.9% and a lightness of 88.4%. #ccdbf7 color hex could be obtained by blending #ffffff with #99b7ef. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 86
- B 97
RGB color chart
- C 17
- M 11
- Y 0
- K 3
CMYK color chart

● #ccdbf7 color description : Light grayish blue.

The hexadecimal color #ccdbf7 has RGB values of R:204, G:219, B:247 and CMYK values of C:0.17, M:0.11, Y:0, K:0.03. Its decimal value is 13425655.

Hex triplet	ccdbf7	`#ccdbf7`
RGB Decimal	204, 219, 247	`rgb(204,219,247)`
RGB Percent	80, 85.9, 96.9	`rgb(80%,85.9%,96.9%)`
CMYK	17, 11, 0, 3
HSL	219.1°, 72.9, 88.4	`hsl(219.1,72.9%,88.4%)`
HSV (or HSB)	219.1°, 17.4, 96.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	87.102, 0.624, -15.347
XYZ	67.018, 70.215, 98.013
xyY	0.285, 0.298, 70.215
CIE-LCH	87.102, 15.36, 272.327
CIE-LUV	87.102, -9.389, -24.359
Hunter-Lab	83.794, -3.876, -10.694
Binary	11001100, 11011011, 11110111

#ccdbf7
```
#ccdbf7 rgb(204,219,247)
```
#f7e8cc
```
#f7e8cc rgb(247,232,204)
```

Complementary Color

#ccf1f7
```
#ccf1f7 rgb(204,241,247)
```
#ccdbf7
```
#ccdbf7 rgb(204,219,247)
```
#d3ccf7
```
#d3ccf7 rgb(211,204,247)
```

Analogous Color

#f1f7cc
```
#f1f7cc rgb(241,247,204)
```
#ccdbf7
```
#ccdbf7 rgb(204,219,247)
```
#f7d3cc
```
#f7d3cc rgb(247,211,204)
```

Split Complementary Color

#dbf7cc
```
#dbf7cc rgb(219,247,204)
```
#ccdbf7
```
#ccdbf7 rgb(204,219,247)
```
#f7ccdb
```
#f7ccdb rgb(247,204,219)
```

Triadic Color

#ccf7e8
```
#ccf7e8 rgb(204,247,232)
```
#ccdbf7
```
#ccdbf7 rgb(204,219,247)
```
#f7ccdb
```
#f7ccdb rgb(247,204,219)
```
#f7e8cc
```
#f7e8cc rgb(247,232,204)
```

Tetradic Color

#8aaced
```
#8aaced rgb(138,172,237)
```
#a0bcf0
```
#a0bcf0 rgb(160,188,240)
```
#b6cbf4
```
#b6cbf4 rgb(182,203,244)
```
#ccdbf7
```
#ccdbf7 rgb(204,219,247)
```
#e2ebfa
```
#e2ebfa rgb(226,235,250)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cce6f7
```
#cce6f7 rgb(204,230,247)
```
#cce2f7
```
#cce2f7 rgb(204,226,247)
```
#ccdff7
```
#ccdff7 rgb(204,223,247)
```
#ccdbf7
```
#ccdbf7 rgb(204,219,247)
```
#ccd7f7
```
#ccd7f7 rgb(204,215,247)
```
#ccd4f7
```
#ccd4f7 rgb(204,212,247)
```
#ccd0f7
```
#ccd0f7 rgb(204,208,247)
```

Similar Colors

Text with hexadecimal color #ccdbf7

This text has a font color of #ccdbf7.

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

#ccdbf7 background color

This paragraph has a background color of #ccdbf7.

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

#ccdbf7 border color

This element has a border color of #ccdbf7.

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

CSS codes

.text {color:#ccdbf7;}

.background {background-color:#ccdbf7;}

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

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

#030811
```
#030811 rgb(3,8,17)
```
#050f22
```
#050f22 rgb(5,15,34)
```
#081733
```
#081733 rgb(8,23,51)
```
#0b1f44
```
#0b1f44 rgb(11,31,68)
```
#0d2655
```
#0d2655 rgb(13,38,85)
```
#102e66
```
#102e66 rgb(16,46,102)
```
#133577
```
#133577 rgb(19,53,119)
```
#153d88
```
#153d88 rgb(21,61,136)
```
#184598
```
#184598 rgb(24,69,152)
```
#1b4ca9
```
#1b4ca9 rgb(27,76,169)
```
#1d54ba
```
#1d54ba rgb(29,84,186)
```
#205ccb
```
#205ccb rgb(32,92,203)
```
#2363dc
```
#2363dc rgb(35,99,220)
```

Shade Color Variation

#336fdf
```
#336fdf rgb(51,111,223)
```
#447be2
```
#447be2 rgb(68,123,226)
```
#5587e4
```
#5587e4 rgb(85,135,228)
```
#6693e7
```
#6693e7 rgb(102,147,231)
```
#779fea
```
#779fea rgb(119,159,234)
```
#88abec
```
#88abec rgb(136,171,236)
```
#99b7ef
```
#99b7ef rgb(153,183,239)
```
#aac3f2
```
#aac3f2 rgb(170,195,242)
```
#bbcff4
```
#bbcff4 rgb(187,207,244)
```
#ccdbf7
```
#ccdbf7 rgb(204,219,247)
```
#dde7fa
```
#dde7fa rgb(221,231,250)
```
#eef3fc
```
#eef3fc rgb(238,243,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#e0e1e3
```
#e0e1e3 rgb(224,225,227)
```
#dee0e5
```
#dee0e5 rgb(222,224,229)
```
#dce0e7
```
#dce0e7 rgb(220,224,231)
```
#dadfe9
```
#dadfe9 rgb(218,223,233)
```
#d7deec
```
#d7deec rgb(215,222,236)
```
#d5deee
```
#d5deee rgb(213,222,238)
```
#d3ddf0
```
#d3ddf0 rgb(211,221,240)
```
#d1dcf2
```
#d1dcf2 rgb(209,220,242)
```
#cedcf5
```
#cedcf5 rgb(206,220,245)
```
#ccdbf7
```
#ccdbf7 rgb(204,219,247)
```
#cadaf9
```
#cadaf9 rgb(202,218,249)
```
#c7dafc
```
#c7dafc rgb(199,218,252)
```
#c5d9fe
```
#c5d9fe rgb(197,217,254)
```

Tone Color Variation

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

Dichromacy

#d7daf6 Protanopia 1% of men
#e1d6f9 Deuteranopia 1% of men
#ccdeee Tritanopia 0.001% of the population

Trichromacy

#d3daf6 Protanomaly 1% of men, 0.01% of women
#d9d8f8 Deuteranomaly 6% of men, 0.4% of women
#ccddf1 Tritanomaly 0.01% of the population

#ccdbf7 hex color

#ccdbf7 Color Information

#ccdbf7 Color Conversion

Color Schemes with #ccdbf7

Alternatives to #ccdbf7

#ccdbf7 Preview

Shades and Tints of #ccdbf7

Tones of #ccdbf7

Color Blindness Simulator