#cddbe3 hex color

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

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

● #cddbe3 color description : Light grayish blue.

The hexadecimal color #cddbe3 has RGB values of R:205, G:219, B:227 and CMYK values of C:0.1, M:0.04, Y:0, K:0.11. Its decimal value is 13491171.

Hex triplet	cddbe3	`#cddbe3`
RGB Decimal	205, 219, 227	`rgb(205,219,227)`
RGB Percent	80.4, 85.9, 89	`rgb(80.4%,85.9%,89%)`
CMYK	10, 4, 0, 11
HSL	201.8°, 28.2, 84.7	`hsl(201.8,28.2%,84.7%)`
HSV (or HSB)	201.8°, 9.7, 89
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.597, -3.138, -5.537
XYZ	64.371, 69.188, 82.632
xyY	0.298, 0.32, 69.188
CIE-LCH	86.597, 6.365, 240.46
CIE-LUV	86.597, -8.019, -8.008
Hunter-Lab	83.179, -7.426, -0.675
Binary	11001101, 11011011, 11100011

#cddbe3
```
#cddbe3 rgb(205,219,227)
```
#e3d5cd
```
#e3d5cd rgb(227,213,205)
```

Complementary Color

#cde3e0
```
#cde3e0 rgb(205,227,224)
```
#cddbe3
```
#cddbe3 rgb(205,219,227)
```
#cdd0e3
```
#cdd0e3 rgb(205,208,227)
```

Analogous Color

#e3e0cd
```
#e3e0cd rgb(227,224,205)
```
#cddbe3
```
#cddbe3 rgb(205,219,227)
```
#e3cdd0
```
#e3cdd0 rgb(227,205,208)
```

Split Complementary Color

#dbe3cd
```
#dbe3cd rgb(219,227,205)
```
#cddbe3
```
#cddbe3 rgb(205,219,227)
```
#e3cddb
```
#e3cddb rgb(227,205,219)
```

Triadic Color

#cde3d5
```
#cde3d5 rgb(205,227,213)
```
#cddbe3
```
#cddbe3 rgb(205,219,227)
```
#e3cddb
```
#e3cddb rgb(227,205,219)
```
#e3d5cd
```
#e3d5cd rgb(227,213,205)
```

Tetradic Color

#9cb8c8
```
#9cb8c8 rgb(156,184,200)
```
#acc3d1
```
#acc3d1 rgb(172,195,209)
```
#bdcfda
```
#bdcfda rgb(189,207,218)
```
#cddbe3
```
#cddbe3 rgb(205,219,227)
```
#dde7ec
```
#dde7ec rgb(221,231,236)
```
#eef3f5
```
#eef3f5 rgb(238,243,245)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Monochromatic Color

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

#cde1e3
```
#cde1e3 rgb(205,225,227)
```
#cddfe3
```
#cddfe3 rgb(205,223,227)
```
#cddde3
```
#cddde3 rgb(205,221,227)
```
#cddbe3
```
#cddbe3 rgb(205,219,227)
```
#cdd9e3
```
#cdd9e3 rgb(205,217,227)
```
#cdd7e3
```
#cdd7e3 rgb(205,215,227)
```
#cdd6e3
```
#cdd6e3 rgb(205,214,227)
```

Similar Colors

Text with hexadecimal color #cddbe3

This text has a font color of #cddbe3.

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

#cddbe3 background color

This paragraph has a background color of #cddbe3.

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

#cddbe3 border color

This element has a border color of #cddbe3.

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

CSS codes

.text {color:#cddbe3;}

.background {background-color:#cddbe3;}

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

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 #f3f6f8 is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#070b0d
```
#070b0d rgb(7,11,13)
```
#0e1519
```
#0e1519 rgb(14,21,25)
```
#152026
```
#152026 rgb(21,32,38)
```
#1c2a33
```
#1c2a33 rgb(28,42,51)
```
#23353f
```
#23353f rgb(35,53,63)
```
#2a404c
```
#2a404c rgb(42,64,76)
```
#314a58
```
#314a58 rgb(49,74,88)
```
#385565
```
#385565 rgb(56,85,101)
```
#405f71
```
#405f71 rgb(64,95,113)
```
#476a7e
```
#476a7e rgb(71,106,126)
```
#4e748b
```
#4e748b rgb(78,116,139)
```
#557f97
```
#557f97 rgb(85,127,151)
```

Shade Color Variation

#5c8aa4
```
#5c8aa4 rgb(92,138,164)
```
#6893ab
```
#6893ab rgb(104,147,171)
```
#759cb2
```
#759cb2 rgb(117,156,178)
```
#82a5b9
```
#82a5b9 rgb(130,165,185)
```
#8eaec0
```
#8eaec0 rgb(142,174,192)
```
#9bb7c7
```
#9bb7c7 rgb(155,183,199)
```
#a7c0ce
```
#a7c0ce rgb(167,192,206)
```
#b4c9d5
```
#b4c9d5 rgb(180,201,213)
```
#c0d2dc
```
#c0d2dc rgb(192,210,220)
```
#cddbe3
```
#cddbe3 rgb(205,219,227)
```
#dae4ea
```
#dae4ea rgb(218,228,234)
```
#e6edf1
```
#e6edf1 rgb(230,237,241)
```
#f3f6f8
```
#f3f6f8 rgb(243,246,248)
```

Tint Color Variation

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

#d6d9da
```
#d6d9da rgb(214,217,218)
```
#d3d9dd
```
#d3d9dd rgb(211,217,221)
```
#d0dae0
```
#d0dae0 rgb(208,218,224)
```
#cddbe3
```
#cddbe3 rgb(205,219,227)
```
#cadce6
```
#cadce6 rgb(202,220,230)
```
#c7dde9
```
#c7dde9 rgb(199,221,233)
```
#c4ddec
```
#c4ddec rgb(196,221,236)
```
#c1deef
```
#c1deef rgb(193,222,239)
```
#bedff2
```
#bedff2 rgb(190,223,242)
```
#bbe0f5
```
#bbe0f5 rgb(187,224,245)
```
#b8e1f8
```
#b8e1f8 rgb(184,225,248)
```
#b5e2fb
```
#b5e2fb rgb(181,226,251)
```
#b2e2fe
```
#b2e2fe rgb(178,226,254)
```

Tone Color Variation

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

Dichromacy

#dbd9e2 Protanopia 1% of men
#e9d4e7 Deuteranopia 1% of men
#d1dbeb Tritanopia 0.001% of the population

Trichromacy

#d6dae2 Protanomaly 1% of men, 0.01% of women
#ded7e5 Deuteranomaly 6% of men, 0.4% of women
#cfdbe8 Tritanomaly 0.01% of the population

#cddbe3 hex color

#cddbe3 Color Information

#cddbe3 Color Conversion

Color Schemes with #cddbe3

Alternatives to #cddbe3

#cddbe3 Preview

Shades and Tints of #cddbe3

Tones of #cddbe3

Color Blindness Simulator