#cddcdd hex color

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

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

● #cddcdd color description : Light grayish cyan.

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

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

CIE-LAB	86.695, -4.818, -2.225
XYZ	63.819, 69.385, 78.433
xyY	0.302, 0.328, 69.385
CIE-LCH	86.695, 5.307, 204.789
CIE-LUV	86.695, -8.252, -2.569
Hunter-Lab	83.298, -9.014, 2.481
Binary	11001101, 11011100, 11011101

#cddcdd
```
#cddcdd rgb(205,220,221)
```
#ddcecd
```
#ddcecd rgb(221,206,205)
```

Complementary Color

#cdddd6
```
#cdddd6 rgb(205,221,214)
```
#cddcdd
```
#cddcdd rgb(205,220,221)
```
#cdd4dd
```
#cdd4dd rgb(205,212,221)
```

Analogous Color

#ddd6cd
```
#ddd6cd rgb(221,214,205)
```
#cddcdd
```
#cddcdd rgb(205,220,221)
```
#ddcdd4
```
#ddcdd4 rgb(221,205,212)
```

Split Complementary Color

#dcddcd
```
#dcddcd rgb(220,221,205)
```
#cddcdd
```
#cddcdd rgb(205,220,221)
```
#ddcddc
```
#ddcddc rgb(221,205,220)
```

Triadic Color

#cdddce
```
#cdddce rgb(205,221,206)
```
#cddcdd
```
#cddcdd rgb(205,220,221)
```
#ddcddc
```
#ddcddc rgb(221,205,220)
```
#ddcecd
```
#ddcecd rgb(221,206,205)
```

Tetradic Color

#9fbcbe
```
#9fbcbe rgb(159,188,190)
```
#afc7c8
```
#afc7c8 rgb(175,199,200)
```
#bed1d3
```
#bed1d3 rgb(190,209,211)
```
#cddcdd
```
#cddcdd rgb(205,220,221)
```
#dce7e7
```
#dce7e7 rgb(220,231,231)
```
#ebf1f2
```
#ebf1f2 rgb(235,241,242)
```
#fbfcfc
```
#fbfcfc rgb(251,252,252)
```

Monochromatic Color

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

#cdddda
```
#cdddda rgb(205,221,218)
```
#cddddb
```
#cddddb rgb(205,221,219)
```
#cddddd
```
#cddddd rgb(205,221,221)
```
#cddcdd
```
#cddcdd rgb(205,220,221)
```
#cddbdd
```
#cddbdd rgb(205,219,221)
```
#cdd9dd
```
#cdd9dd rgb(205,217,221)
```
#cdd8dd
```
#cdd8dd rgb(205,216,221)
```

Similar Colors

Text with hexadecimal color #cddcdd

This text has a font color of #cddcdd.

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

#cddcdd background color

This paragraph has a background color of #cddcdd.

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

#cddcdd border color

This element has a border color of #cddcdd.

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

CSS codes

.text {color:#cddcdd;}

.background {background-color:#cddcdd;}

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

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

#060808
```
#060808 rgb(6,8,8)
```
#0e1414
```
#0e1414 rgb(14,20,20)
```
#161f20
```
#161f20 rgb(22,31,32)
```
#1e2b2b
```
#1e2b2b rgb(30,43,43)
```
#253637
```
#253637 rgb(37,54,55)
```
#2d4143
```
#2d4143 rgb(45,65,67)
```
#354d4e
```
#354d4e rgb(53,77,78)
```
#3d585a
```
#3d585a rgb(61,88,90)
```
#456466
```
#456466 rgb(69,100,102)
```
#4d6f71
```
#4d6f71 rgb(77,111,113)
```
#557b7d
```
#557b7d rgb(85,123,125)
```
#5d8689
```
#5d8689 rgb(93,134,137)
```
#659294
```
#659294 rgb(101,146,148)
```

Shade Color Variation

#709b9d
```
#709b9d rgb(112,155,157)
```
#7ba3a5
```
#7ba3a5 rgb(123,163,165)
```
#87abad
```
#87abad rgb(135,171,173)
```
#93b3b5
```
#93b3b5 rgb(147,179,181)
```
#9ebbbd
```
#9ebbbd rgb(158,187,189)
```
#aac3c5
```
#aac3c5 rgb(170,195,197)
```
#b6cccd
```
#b6cccd rgb(182,204,205)
```
#c1d4d5
```
#c1d4d5 rgb(193,212,213)
```
#cddcdd
```
#cddcdd rgb(205,220,221)
```
#d9e4e5
```
#d9e4e5 rgb(217,228,229)
```
#e4eced
```
#e4eced rgb(228,236,237)
```
#f0f5f5
```
#f0f5f5 rgb(240,245,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#d3d6d7
```
#d3d6d7 rgb(211,214,215)
```
#d0d9da
```
#d0d9da rgb(208,217,218)
```
#cddcdd
```
#cddcdd rgb(205,220,221)
```
#cadfe0
```
#cadfe0 rgb(202,223,224)
```
#c7e2e3
```
#c7e2e3 rgb(199,226,227)
```
#c3e4e7
```
#c3e4e7 rgb(195,228,231)
```
#c0e7ea
```
#c0e7ea rgb(192,231,234)
```
#bdeaed
```
#bdeaed rgb(189,234,237)
```
#baedf0
```
#baedf0 rgb(186,237,240)
```
#b6f0f4
```
#b6f0f4 rgb(182,240,244)
```
#b3f3f7
```
#b3f3f7 rgb(179,243,247)
```
#b0f5fa
```
#b0f5fa rgb(176,245,250)
```
#adf8fd
```
#adf8fd rgb(173,248,253)
```

Tone Color Variation

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

Dichromacy

#ddd9dc Protanopia 1% of men
#ecd4e1 Deuteranopia 1% of men
#d2dbeb Tritanopia 0.001% of the population

Trichromacy

#d7dadc Protanomaly 1% of men, 0.01% of women
#e0d7df Deuteranomaly 6% of men, 0.4% of women
#d0dbe6 Tritanomaly 0.01% of the population

#cddcdd hex color

#cddcdd Color Information

#cddcdd Color Conversion

Color Schemes with #cddcdd

Alternatives to #cddcdd

#cddcdd Preview

Shades and Tints of #cddcdd

Tones of #cddcdd

Color Blindness Simulator