#ccd1ed hex color

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

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

● #ccd1ed color description : Light grayish blue.

The hexadecimal color #ccd1ed has RGB values of R:204, G:209, B:237 and CMYK values of C:0.14, M:0.12, Y:0, K:0.07. Its decimal value is 13423085.

Hex triplet	ccd1ed	`#ccd1ed`
RGB Decimal	204, 209, 237	`rgb(204,209,237)`
RGB Percent	80, 82, 92.9	`rgb(80%,82%,92.9%)`
CMYK	14, 12, 0, 7
HSL	230.9°, 47.8, 86.5	`hsl(230.9,47.8%,86.5%)`
HSV (or HSB)	230.9°, 13.9, 92.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.252, 3.794, -14.33
XYZ	62.985, 64.552, 89.258
xyY	0.291, 0.298, 64.552
CIE-LCH	84.252, 14.824, 284.83
CIE-LUV	84.252, -4.267, -23.118
Hunter-Lab	80.344, -0.669, -9.626
Binary	11001100, 11010001, 11101101

#ccd1ed
```
#ccd1ed rgb(204,209,237)
```
#ede8cc
```
#ede8cc rgb(237,232,204)
```

Complementary Color

#cce2ed
```
#cce2ed rgb(204,226,237)
```
#ccd1ed
```
#ccd1ed rgb(204,209,237)
```
#d8cced
```
#d8cced rgb(216,204,237)
```

Analogous Color

#e2edcc
```
#e2edcc rgb(226,237,204)
```
#ccd1ed
```
#ccd1ed rgb(204,209,237)
```
#edd8cc
```
#edd8cc rgb(237,216,204)
```

Split Complementary Color

#d1edcc
```
#d1edcc rgb(209,237,204)
```
#ccd1ed
```
#ccd1ed rgb(204,209,237)
```
#edccd1
```
#edccd1 rgb(237,204,209)
```

Triadic Color

#ccede8
```
#ccede8 rgb(204,237,232)
```
#ccd1ed
```
#ccd1ed rgb(204,209,237)
```
#edccd1
```
#edccd1 rgb(237,204,209)
```
#ede8cc
```
#ede8cc rgb(237,232,204)
```

Tetradic Color

#939ed9
```
#939ed9 rgb(147,158,217)
```
#a6afe0
```
#a6afe0 rgb(166,175,224)
```
#b9c0e6
```
#b9c0e6 rgb(185,192,230)
```
#ccd1ed
```
#ccd1ed rgb(204,209,237)
```
#dfe2f4
```
#dfe2f4 rgb(223,226,244)
```
#f2f3fa
```
#f2f3fa rgb(242,243,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#ccd9ed
```
#ccd9ed rgb(204,217,237)
```
#ccd7ed
```
#ccd7ed rgb(204,215,237)
```
#ccd4ed
```
#ccd4ed rgb(204,212,237)
```
#ccd1ed
```
#ccd1ed rgb(204,209,237)
```
#ccceed
```
#ccceed rgb(204,206,237)
```
#cdcced
```
#cdcced rgb(205,204,237)
```
#cfcced
```
#cfcced rgb(207,204,237)
```

Similar Colors

Text with hexadecimal color #ccd1ed

This text has a font color of #ccd1ed.

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

#ccd1ed background color

This paragraph has a background color of #ccd1ed.

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

#ccd1ed border color

This element has a border color of #ccd1ed.

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

CSS codes

.text {color:#ccd1ed;}

.background {background-color:#ccd1ed;}

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

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

#020307
```
#020307 rgb(2,3,7)
```
#080a15
```
#080a15 rgb(8,10,21)
```
#0d1024
```
#0d1024 rgb(13,16,36)
```
#121732
```
#121732 rgb(18,23,50)
```
#171d41
```
#171d41 rgb(23,29,65)
```
#1c244f
```
#1c244f rgb(28,36,79)
```
#212a5e
```
#212a5e rgb(33,42,94)
```
#26316c
```
#26316c rgb(38,49,108)
```
#2b377b
```
#2b377b rgb(43,55,123)
```
#313e89
```
#313e89 rgb(49,62,137)
```
#364598
```
#364598 rgb(54,69,152)
```
#3b4ba6
```
#3b4ba6 rgb(59,75,166)
```
#4052b5
```
#4052b5 rgb(64,82,181)
```

Shade Color Variation

#4a5bbf
```
#4a5bbf rgb(74,91,191)
```
#5868c4
```
#5868c4 rgb(88,104,196)
```
#6775c9
```
#6775c9 rgb(103,117,201)
```
#7583ce
```
#7583ce rgb(117,131,206)
```
#8490d3
```
#8490d3 rgb(132,144,211)
```
#929dd9
```
#929dd9 rgb(146,157,217)
```
#a1aade
```
#a1aade rgb(161,170,222)
```
#afb7e3
```
#afb7e3 rgb(175,183,227)
```
#bec4e8
```
#bec4e8 rgb(190,196,232)
```
#ccd1ed
```
#ccd1ed rgb(204,209,237)
```
#dadef2
```
#dadef2 rgb(218,222,242)
```
#e9ebf7
```
#e9ebf7 rgb(233,235,247)
```
#f7f8fc
```
#f7f8fc rgb(247,248,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 #bcc6fd is the most saturated one.

#dcdcdd
```
#dcdcdd rgb(220,220,221)
```
#d9dae0
```
#d9dae0 rgb(217,218,224)
```
#d7d8e2
```
#d7d8e2 rgb(215,216,226)
```
#d4d7e5
```
#d4d7e5 rgb(212,215,229)
```
#d1d5e8
```
#d1d5e8 rgb(209,213,232)
```
#cfd3ea
```
#cfd3ea rgb(207,211,234)
```
#ccd1ed
```
#ccd1ed rgb(204,209,237)
```
#c9cff0
```
#c9cff0 rgb(201,207,240)
```
#c7cdf2
```
#c7cdf2 rgb(199,205,242)
```
#c4cbf5
```
#c4cbf5 rgb(196,203,245)
```
#c1caf8
```
#c1caf8 rgb(193,202,248)
```
#bfc8fa
```
#bfc8fa rgb(191,200,250)
```
#bcc6fd
```
#bcc6fd rgb(188,198,253)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#d2d3d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0d2ed Protanopia 1% of men
#dacfef Deuteranopia 1% of men
#ccd5e4 Tritanopia 0.001% of the population

Trichromacy

#ced2ed Protanomaly 1% of men, 0.01% of women
#d5d0ee Deuteranomaly 6% of men, 0.4% of women
#ccd3e7 Tritanomaly 0.01% of the population

#ccd1ed hex color

#ccd1ed Color Information

#ccd1ed Color Conversion

Color Schemes with #ccd1ed

Alternatives to #ccd1ed

#ccd1ed Preview

Shades and Tints of #ccd1ed

Tones of #ccd1ed

Color Blindness Simulator