#cdd5dd hex color

In a RGB color space, hex #cdd5dd is composed of 80.4% red, 83.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 7.2% cyan, 3.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 210 degrees, a saturation of 19% and a lightness of 83.5%. #cdd5dd color hex could be obtained by blending #ffffff with #9babbb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 84
- B 87
RGB color chart
- C 7
- M 4
- Y 0
- K 13
CMYK color chart

● #cdd5dd color description : Light grayish blue.

The hexadecimal color #cdd5dd has RGB values of R:205, G:213, B:221 and CMYK values of C:0.07, M:0.04, Y:0, K:0.13. Its decimal value is 13489629.

Hex triplet	cdd5dd	`#cdd5dd`
RGB Decimal	205, 213, 221	`rgb(205,213,221)`
RGB Percent	80.4, 83.5, 86.7	`rgb(80.4%,83.5%,86.7%)`
CMYK	7, 4, 0, 13
HSL	210°, 19, 83.5	`hsl(210,19%,83.5%)`
HSV (or HSB)	210°, 7.2, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.888, -1.184, -4.882
XYZ	62.02, 65.788, 77.834
xyY	0.302, 0.32, 65.788
CIE-LCH	84.888, 5.023, 256.363
CIE-LUV	84.888, -4.835, -7.293
Hunter-Lab	81.11, -5.453, -0.119
Binary	11001101, 11010101, 11011101

#cdd5dd
```
#cdd5dd rgb(205,213,221)
```
#ddd5cd
```
#ddd5cd rgb(221,213,205)
```

Complementary Color

#cddddd
```
#cddddd rgb(205,221,221)
```
#cdd5dd
```
#cdd5dd rgb(205,213,221)
```
#cdcddd
```
#cdcddd rgb(205,205,221)
```

Analogous Color

#ddddcd
```
#ddddcd rgb(221,221,205)
```
#cdd5dd
```
#cdd5dd rgb(205,213,221)
```
#ddcdcd
```
#ddcdcd rgb(221,205,205)
```

Split Complementary Color

#d5ddcd
```
#d5ddcd rgb(213,221,205)
```
#cdd5dd
```
#cdd5dd rgb(205,213,221)
```
#ddcdd5
```
#ddcdd5 rgb(221,205,213)
```

Triadic Color

#cdddd5
```
#cdddd5 rgb(205,221,213)
```
#cdd5dd
```
#cdd5dd rgb(205,213,221)
```
#ddcdd5
```
#ddcdd5 rgb(221,205,213)
```
#ddd5cd
```
#ddd5cd rgb(221,213,205)
```

Tetradic Color

#9fafbe
```
#9fafbe rgb(159,175,190)
```
#afbcc8
```
#afbcc8 rgb(175,188,200)
```
#bec8d3
```
#bec8d3 rgb(190,200,211)
```
#cdd5dd
```
#cdd5dd rgb(205,213,221)
```
#dce2e7
```
#dce2e7 rgb(220,226,231)
```
#ebeff2
```
#ebeff2 rgb(235,239,242)
```
#fbfbfc
```
#fbfbfc rgb(251,251,252)
```

Monochromatic Color

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

#cdd9dd
```
#cdd9dd rgb(205,217,221)
```
#cdd8dd
```
#cdd8dd rgb(205,216,221)
```
#cdd6dd
```
#cdd6dd rgb(205,214,221)
```
#cdd5dd
```
#cdd5dd rgb(205,213,221)
```
#cdd4dd
```
#cdd4dd rgb(205,212,221)
```
#cdd2dd
```
#cdd2dd rgb(205,210,221)
```
#cdd1dd
```
#cdd1dd rgb(205,209,221)
```

Similar Colors

Text with hexadecimal color #cdd5dd

This text has a font color of #cdd5dd.

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

#cdd5dd background color

This paragraph has a background color of #cdd5dd.

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

#cdd5dd border color

This element has a border color of #cdd5dd.

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

CSS codes

.text {color:#cdd5dd;}

.background {background-color:#cdd5dd;}

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

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

#060708
```
#060708 rgb(6,7,8)
```
#0e1114
```
#0e1114 rgb(14,17,20)
```
#161b20
```
#161b20 rgb(22,27,32)
```
#1e242b
```
#1e242b rgb(30,36,43)
```
#252e37
```
#252e37 rgb(37,46,55)
```
#2d3843
```
#2d3843 rgb(45,56,67)
```
#35424e
```
#35424e rgb(53,66,78)
```
#3d4c5a
```
#3d4c5a rgb(61,76,90)
```
#455666
```
#455666 rgb(69,86,102)
```
#4d5f71
```
#4d5f71 rgb(77,95,113)
```
#55697d
```
#55697d rgb(85,105,125)
```
#5d7389
```
#5d7389 rgb(93,115,137)
```
#657d94
```
#657d94 rgb(101,125,148)
```

Shade Color Variation

#70879d
```
#70879d rgb(112,135,157)
```
#7b90a5
```
#7b90a5 rgb(123,144,165)
```
#879aad
```
#879aad rgb(135,154,173)
```
#93a4b5
```
#93a4b5 rgb(147,164,181)
```
#9eaebd
```
#9eaebd rgb(158,174,189)
```
#aab8c5
```
#aab8c5 rgb(170,184,197)
```
#b6c1cd
```
#b6c1cd rgb(182,193,205)
```
#c1cbd5
```
#c1cbd5 rgb(193,203,213)
```
#cdd5dd
```
#cdd5dd rgb(205,213,221)
```
#d9dfe5
```
#d9dfe5 rgb(217,223,229)
```
#e4e9ed
```
#e4e9ed rgb(228,233,237)
```
#f0f2f5
```
#f0f2f5 rgb(240,242,245)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#d3d5d7
```
#d3d5d7 rgb(211,213,215)
```
#d0d5da
```
#d0d5da rgb(208,213,218)
```
#cdd5dd
```
#cdd5dd rgb(205,213,221)
```
#cad5e0
```
#cad5e0 rgb(202,213,224)
```
#c7d5e3
```
#c7d5e3 rgb(199,213,227)
```
#c3d5e7
```
#c3d5e7 rgb(195,213,231)
```
#c0d5ea
```
#c0d5ea rgb(192,213,234)
```
#bdd5ed
```
#bdd5ed rgb(189,213,237)
```
#bad5f0
```
#bad5f0 rgb(186,213,240)
```
#b6d5f4
```
#b6d5f4 rgb(182,213,244)
```
#b3d5f7
```
#b3d5f7 rgb(179,213,247)
```
#b0d5fa
```
#b0d5fa rgb(176,213,250)
```
#add5fd
```
#add5fd rgb(173,213,253)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#d3d4d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d5dd Protanopia 1% of men
#e4d0e0 Deuteranopia 1% of men
#d0d6e5 Tritanopia 0.001% of the population

Trichromacy

#d3d5dd Protanomaly 1% of men, 0.01% of women
#dcd2df Deuteranomaly 6% of men, 0.4% of women
#cfd5e2 Tritanomaly 0.01% of the population

#cdd5dd hex color

#cdd5dd Color Information

#cdd5dd Color Conversion

Color Schemes with #cdd5dd

Alternatives to #cdd5dd

#cdd5dd Preview

Shades and Tints of #cdd5dd

Tones of #cdd5dd

Color Blindness Simulator