#ccdaed hex color

In a RGB color space, hex #ccdaed is composed of 80% red, 85.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 13.9% cyan, 8% magenta, 0% yellow and 7.1% black. It has a hue angle of 214.5 degrees, a saturation of 47.8% and a lightness of 86.5%. #ccdaed color hex could be obtained by blending #ffffff with #99b5db. Closest websafe color is: #ccccff.

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

● #ccdaed color description : Light grayish blue.

The hexadecimal color #ccdaed has RGB values of R:204, G:218, B:237 and CMYK values of C:0.14, M:0.08, Y:0, K:0.07. Its decimal value is 13425389.

Hex triplet	ccdaed	`#ccdaed`
RGB Decimal	204, 218, 237	`rgb(204,218,237)`
RGB Percent	80, 85.5, 92.9	`rgb(80%,85.5%,92.9%)`
CMYK	14, 8, 0, 7
HSL	214.5°, 47.8, 86.5	`hsl(214.5,47.8%,86.5%)`
HSV (or HSB)	214.5°, 13.9, 92.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	86.55, -0.934, -10.896
XYZ	65.256, 69.094, 90.015
xyY	0.291, 0.308, 69.094
CIE-LCH	86.55, 10.936, 265.101
CIE-LUV	86.55, -8.492, -16.878
Hunter-Lab	83.123, -5.332, -6.02
Binary	11001100, 11011010, 11101101

#ccdaed
```
#ccdaed rgb(204,218,237)
```
#eddfcc
```
#eddfcc rgb(237,223,204)
```

Complementary Color

#ccebed
```
#ccebed rgb(204,235,237)
```
#ccdaed
```
#ccdaed rgb(204,218,237)
```
#cfcced
```
#cfcced rgb(207,204,237)
```

Analogous Color

#ebedcc
```
#ebedcc rgb(235,237,204)
```
#ccdaed
```
#ccdaed rgb(204,218,237)
```
#edcfcc
```
#edcfcc rgb(237,207,204)
```

Split Complementary Color

#daedcc
```
#daedcc rgb(218,237,204)
```
#ccdaed
```
#ccdaed rgb(204,218,237)
```
#edccda
```
#edccda rgb(237,204,218)
```

Triadic Color

#cceddf
```
#cceddf rgb(204,237,223)
```
#ccdaed
```
#ccdaed rgb(204,218,237)
```
#edccda
```
#edccda rgb(237,204,218)
```
#eddfcc
```
#eddfcc rgb(237,223,204)
```

Tetradic Color

#93b1d9
```
#93b1d9 rgb(147,177,217)
```
#a6bfe0
```
#a6bfe0 rgb(166,191,224)
```
#b9cce6
```
#b9cce6 rgb(185,204,230)
```
#ccdaed
```
#ccdaed rgb(204,218,237)
```
#dfe8f4
```
#dfe8f4 rgb(223,232,244)
```
#f2f5fa
```
#f2f5fa rgb(242,245,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cce2ed
```
#cce2ed rgb(204,226,237)
```
#cce0ed
```
#cce0ed rgb(204,224,237)
```
#ccdded
```
#ccdded rgb(204,221,237)
```
#ccdaed
```
#ccdaed rgb(204,218,237)
```
#ccd7ed
```
#ccd7ed rgb(204,215,237)
```
#ccd5ed
```
#ccd5ed rgb(204,213,237)
```
#ccd2ed
```
#ccd2ed rgb(204,210,237)
```

Similar Colors

Text with hexadecimal color #ccdaed

This text has a font color of #ccdaed.

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

#ccdaed background color

This paragraph has a background color of #ccdaed.

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

#ccdaed border color

This element has a border color of #ccdaed.

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

CSS codes

.text {color:#ccdaed;}

.background {background-color:#ccdaed;}

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

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

#020407
```
#020407 rgb(2,4,7)
```
#080d15
```
#080d15 rgb(8,13,21)
```
#0d1724
```
#0d1724 rgb(13,23,36)
```
#122032
```
#122032 rgb(18,32,50)
```
#172941
```
#172941 rgb(23,41,65)
```
#1c324f
```
#1c324f rgb(28,50,79)
```
#213b5e
```
#213b5e rgb(33,59,94)
```
#26446c
```
#26446c rgb(38,68,108)
```
#2b4d7b
```
#2b4d7b rgb(43,77,123)
```
#315689
```
#315689 rgb(49,86,137)
```
#365f98
```
#365f98 rgb(54,95,152)
```
#3b68a6
```
#3b68a6 rgb(59,104,166)
```
#4072b5
```
#4072b5 rgb(64,114,181)
```

Shade Color Variation

#4a7bbf
```
#4a7bbf rgb(74,123,191)
```
#5886c4
```
#5886c4 rgb(88,134,196)
```
#6790c9
```
#6790c9 rgb(103,144,201)
```
#759bce
```
#759bce rgb(117,155,206)
```
#84a5d3
```
#84a5d3 rgb(132,165,211)
```
#92b0d9
```
#92b0d9 rgb(146,176,217)
```
#a1bade
```
#a1bade rgb(161,186,222)
```
#afc5e3
```
#afc5e3 rgb(175,197,227)
```
#becfe8
```
#becfe8 rgb(190,207,232)
```
#ccdaed
```
#ccdaed rgb(204,218,237)
```
#dae5f2
```
#dae5f2 rgb(218,229,242)
```
#e9eff7
```
#e9eff7 rgb(233,239,247)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

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

#dcdcdd
```
#dcdcdd rgb(220,220,221)
```
#d9dce0
```
#d9dce0 rgb(217,220,224)
```
#d7dce2
```
#d7dce2 rgb(215,220,226)
```
#d4dbe5
```
#d4dbe5 rgb(212,219,229)
```
#d1dbe8
```
#d1dbe8 rgb(209,219,232)
```
#cfdaea
```
#cfdaea rgb(207,218,234)
```
#ccdaed
```
#ccdaed rgb(204,218,237)
```
#c9daf0
```
#c9daf0 rgb(201,218,240)
```
#c7d9f2
```
#c7d9f2 rgb(199,217,242)
```
#c4d9f5
```
#c4d9f5 rgb(196,217,245)
```
#c1d8f8
```
#c1d8f8 rgb(193,216,248)
```
#bfd8fa
```
#bfd8fa rgb(191,216,250)
```
#bcd8fd
```
#bcd8fd rgb(188,216,253)
```

Tone Color Variation

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

Dichromacy

#d8d9ec Protanopia 1% of men
#e4d5f0 Deuteranopia 1% of men
#cedcec Tritanopia 0.001% of the population

Trichromacy

#d4d9ec Protanomaly 1% of men, 0.01% of women
#dbd6ef Deuteranomaly 6% of men, 0.4% of women
#cddbec Tritanomaly 0.01% of the population

#ccdaed hex color

#ccdaed Color Information

#ccdaed Color Conversion

Color Schemes with #ccdaed

Alternatives to #ccdaed

#ccdaed Preview

Shades and Tints of #ccdaed

Tones of #ccdaed

Color Blindness Simulator