#cdd8e3 hex color

In a RGB color space, hex #cdd8e3 is composed of 80.4% red, 84.7% green and 89% blue. Whereas in a CMYK color space, it is composed of 9.7% cyan, 4.8% magenta, 0% yellow and 11% black. It has a hue angle of 210 degrees, a saturation of 28.2% and a lightness of 84.7%. #cdd8e3 color hex could be obtained by blending #ffffff with #9bb1c7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 85
- B 89
RGB color chart
- C 10
- M 5
- Y 0
- K 11
CMYK color chart

● #cdd8e3 color description : Light grayish blue.

The hexadecimal color #cdd8e3 has RGB values of R:205, G:216, B:227 and CMYK values of C:0.1, M:0.05, Y:0, K:0.11. Its decimal value is 13490403.

Hex triplet	cdd8e3	`#cdd8e3`
RGB Decimal	205, 216, 227	`rgb(205,216,227)`
RGB Percent	80.4, 84.7, 89	`rgb(80.4%,84.7%,89%)`
CMYK	10, 5, 0, 11
HSL	210°, 28.2, 84.7	`hsl(210,28.2%,84.7%)`
HSV (or HSB)	210°, 9.7, 89
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.824, -1.579, -6.679
XYZ	63.595, 67.636, 82.374
xyY	0.298, 0.317, 67.636
CIE-LCH	85.824, 6.863, 256.701
CIE-LUV	85.824, -6.574, -10.053
Hunter-Lab	82.241, -5.893, -1.816
Binary	11001101, 11011000, 11100011

#cdd8e3
```
#cdd8e3 rgb(205,216,227)
```
#e3d8cd
```
#e3d8cd rgb(227,216,205)
```

Complementary Color

#cde3e3
```
#cde3e3 rgb(205,227,227)
```
#cdd8e3
```
#cdd8e3 rgb(205,216,227)
```
#cdcde3
```
#cdcde3 rgb(205,205,227)
```

Analogous Color

#e3e3cd
```
#e3e3cd rgb(227,227,205)
```
#cdd8e3
```
#cdd8e3 rgb(205,216,227)
```
#e3cdcd
```
#e3cdcd rgb(227,205,205)
```

Split Complementary Color

#d8e3cd
```
#d8e3cd rgb(216,227,205)
```
#cdd8e3
```
#cdd8e3 rgb(205,216,227)
```
#e3cdd8
```
#e3cdd8 rgb(227,205,216)
```

Triadic Color

#cde3d8
```
#cde3d8 rgb(205,227,216)
```
#cdd8e3
```
#cdd8e3 rgb(205,216,227)
```
#e3cdd8
```
#e3cdd8 rgb(227,205,216)
```
#e3d8cd
```
#e3d8cd rgb(227,216,205)
```

Tetradic Color

#9cb2c8
```
#9cb2c8 rgb(156,178,200)
```
#acbfd1
```
#acbfd1 rgb(172,191,209)
```
#bdcbda
```
#bdcbda rgb(189,203,218)
```
#cdd8e3
```
#cdd8e3 rgb(205,216,227)
```
#dde5ec
```
#dde5ec rgb(221,229,236)
```
#eef2f5
```
#eef2f5 rgb(238,242,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Monochromatic Color

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

#cddee3
```
#cddee3 rgb(205,222,227)
```
#cddce3
```
#cddce3 rgb(205,220,227)
```
#cddae3
```
#cddae3 rgb(205,218,227)
```
#cdd8e3
```
#cdd8e3 rgb(205,216,227)
```
#cdd6e3
```
#cdd6e3 rgb(205,214,227)
```
#cdd4e3
```
#cdd4e3 rgb(205,212,227)
```
#cdd3e3
```
#cdd3e3 rgb(205,211,227)
```

Similar Colors

Text with hexadecimal color #cdd8e3

This text has a font color of #cdd8e3.

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

#cdd8e3 background color

This paragraph has a background color of #cdd8e3.

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

#cdd8e3 border color

This element has a border color of #cdd8e3.

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

CSS codes

.text {color:#cdd8e3;}

.background {background-color:#cdd8e3;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#070a0d
```
#070a0d rgb(7,10,13)
```
#0e1419
```
#0e1419 rgb(14,20,25)
```
#151e26
```
#151e26 rgb(21,30,38)
```
#1c2733
```
#1c2733 rgb(28,39,51)
```
#23313f
```
#23313f rgb(35,49,63)
```
#2a3b4c
```
#2a3b4c rgb(42,59,76)
```
#314558
```
#314558 rgb(49,69,88)
```
#384f65
```
#384f65 rgb(56,79,101)
```
#405971
```
#405971 rgb(64,89,113)
```
#47627e
```
#47627e rgb(71,98,126)
```
#4e6c8b
```
#4e6c8b rgb(78,108,139)
```
#557697
```
#557697 rgb(85,118,151)
```

Shade Color Variation

#5c80a4
```
#5c80a4 rgb(92,128,164)
```
#688aab
```
#688aab rgb(104,138,171)
```
#7593b2
```
#7593b2 rgb(117,147,178)
```
#829db9
```
#829db9 rgb(130,157,185)
```
#8ea7c0
```
#8ea7c0 rgb(142,167,192)
```
#9bb1c7
```
#9bb1c7 rgb(155,177,199)
```
#a7bbce
```
#a7bbce rgb(167,187,206)
```
#b4c4d5
```
#b4c4d5 rgb(180,196,213)
```
#c0cedc
```
#c0cedc rgb(192,206,220)
```
#cdd8e3
```
#cdd8e3 rgb(205,216,227)
```
#dae2ea
```
#dae2ea rgb(218,226,234)
```
#e6ecf1
```
#e6ecf1 rgb(230,236,241)
```
#f3f5f8
```
#f3f5f8 rgb(243,245,248)
```

Tint Color Variation

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

#d6d8da
```
#d6d8da rgb(214,216,218)
```
#d3d8dd
```
#d3d8dd rgb(211,216,221)
```
#d0d8e0
```
#d0d8e0 rgb(208,216,224)
```
#cdd8e3
```
#cdd8e3 rgb(205,216,227)
```
#cad8e6
```
#cad8e6 rgb(202,216,230)
```
#c7d8e9
```
#c7d8e9 rgb(199,216,233)
```
#c4d8ec
```
#c4d8ec rgb(196,216,236)
```
#c1d8ef
```
#c1d8ef rgb(193,216,239)
```
#bed8f2
```
#bed8f2 rgb(190,216,242)
```
#bbd8f5
```
#bbd8f5 rgb(187,216,245)
```
#b8d8f8
```
#b8d8f8 rgb(184,216,248)
```
#b5d8fb
```
#b5d8fb rgb(181,216,251)
```
#b2d8fe
```
#b2d8fe rgb(178,216,254)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d4d6d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9d7e3 Protanopia 1% of men
#e6d2e6 Deuteranopia 1% of men
#d0d9e8 Tritanopia 0.001% of the population

Trichromacy

#d4d7e3 Protanomaly 1% of men, 0.01% of women
#dcd4e5 Deuteranomaly 6% of men, 0.4% of women
#cfd8e6 Tritanomaly 0.01% of the population

#cdd8e3 hex color

#cdd8e3 Color Information

#cdd8e3 Color Conversion

Color Schemes with #cdd8e3

Alternatives to #cdd8e3

#cdd8e3 Preview

Shades and Tints of #cdd8e3

Tones of #cdd8e3

Color Blindness Simulator