#cdd2e1 hex color

In a RGB color space, hex #cdd2e1 is composed of 80.4% red, 82.4% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 8.9% cyan, 6.7% magenta, 0% yellow and 11.8% black. It has a hue angle of 225 degrees, a saturation of 25% and a lightness of 84.3%. #cdd2e1 color hex could be obtained by blending #ffffff with #9ba5c3. Closest websafe color is: #cccccc.

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

● #cdd2e1 color description : Light grayish blue.

The hexadecimal color #cdd2e1 has RGB values of R:205, G:210, B:225 and CMYK values of C:0.09, M:0.07, Y:0, K:0.12. Its decimal value is 13488865.

Hex triplet	cdd2e1	`#cdd2e1`
RGB Decimal	205, 210, 225	`rgb(205,210,225)`
RGB Percent	80.4, 82.4, 88.2	`rgb(80.4%,82.4%,88.2%)`
CMYK	9, 7, 0, 12
HSL	225°, 25, 84.3	`hsl(225,25%,84.3%)`
HSV (or HSB)	225°, 8.9, 88.2
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.23, 1.167, -7.98
XYZ	61.811, 64.508, 80.425
xyY	0.299, 0.312, 64.508
CIE-LCH	84.23, 8.065, 278.322
CIE-LUV	84.23, -3.577, -12.534
Hunter-Lab	80.317, -3.182, -3.148
Binary	11001101, 11010010, 11100001

#cdd2e1
```
#cdd2e1 rgb(205,210,225)
```
#e1dccd
```
#e1dccd rgb(225,220,205)
```

Complementary Color

#cddce1
```
#cddce1 rgb(205,220,225)
```
#cdd2e1
```
#cdd2e1 rgb(205,210,225)
```
#d2cde1
```
#d2cde1 rgb(210,205,225)
```

Analogous Color

#dce1cd
```
#dce1cd rgb(220,225,205)
```
#cdd2e1
```
#cdd2e1 rgb(205,210,225)
```
#e1d2cd
```
#e1d2cd rgb(225,210,205)
```

Split Complementary Color

#d2e1cd
```
#d2e1cd rgb(210,225,205)
```
#cdd2e1
```
#cdd2e1 rgb(205,210,225)
```
#e1cdd2
```
#e1cdd2 rgb(225,205,210)
```

Triadic Color

#cde1dc
```
#cde1dc rgb(205,225,220)
```
#cdd2e1
```
#cdd2e1 rgb(205,210,225)
```
#e1cdd2
```
#e1cdd2 rgb(225,205,210)
```
#e1dccd
```
#e1dccd rgb(225,220,205)
```

Tetradic Color

#9da7c4
```
#9da7c4 rgb(157,167,196)
```
#adb5ce
```
#adb5ce rgb(173,181,206)
```
#bdc4d7
```
#bdc4d7 rgb(189,196,215)
```
#cdd2e1
```
#cdd2e1 rgb(205,210,225)
```
#dde0eb
```
#dde0eb rgb(221,224,235)
```
#edeff4
```
#edeff4 rgb(237,239,244)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Monochromatic Color

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

#cdd7e1
```
#cdd7e1 rgb(205,215,225)
```
#cdd5e1
```
#cdd5e1 rgb(205,213,225)
```
#cdd4e1
```
#cdd4e1 rgb(205,212,225)
```
#cdd2e1
```
#cdd2e1 rgb(205,210,225)
```
#cdd0e1
```
#cdd0e1 rgb(205,208,225)
```
#cdcfe1
```
#cdcfe1 rgb(205,207,225)
```
#cdcde1
```
#cdcde1 rgb(205,205,225)
```

Similar Colors

Text with hexadecimal color #cdd2e1

This text has a font color of #cdd2e1.

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

#cdd2e1 background color

This paragraph has a background color of #cdd2e1.

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

#cdd2e1 border color

This element has a border color of #cdd2e1.

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

CSS codes

.text {color:#cdd2e1;}

.background {background-color:#cdd2e1;}

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

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, #07080b is the darkest color, while #fefefe is the lightest one.

#07080b
```
#07080b rgb(7,8,11)
```
#0e1018
```
#0e1018 rgb(14,16,24)
```
#151924
```
#151924 rgb(21,25,36)
```
#1d2230
```
#1d2230 rgb(29,34,48)
```
#242a3c
```
#242a3c rgb(36,42,60)
```
#2c3349
```
#2c3349 rgb(44,51,73)
```
#333b55
```
#333b55 rgb(51,59,85)
```
#3a4461
```
#3a4461 rgb(58,68,97)
```
#424d6d
```
#424d6d rgb(66,77,109)
```
#49557a
```
#49557a rgb(73,85,122)
```
#505e86
```
#505e86 rgb(80,94,134)
```
#586692
```
#586692 rgb(88,102,146)
```
#5f6f9e
```
#5f6f9e rgb(95,111,158)
```

Shade Color Variation

#6b7aa6
```
#6b7aa6 rgb(107,122,166)
```
#7785ae
```
#7785ae rgb(119,133,174)
```
#8390b5
```
#8390b5 rgb(131,144,181)
```
#909bbc
```
#909bbc rgb(144,155,188)
```
#9ca6c4
```
#9ca6c4 rgb(156,166,196)
```
#a8b1cb
```
#a8b1cb rgb(168,177,203)
```
#b4bcd2
```
#b4bcd2 rgb(180,188,210)
```
#c1c7da
```
#c1c7da rgb(193,199,218)
```
#cdd2e1
```
#cdd2e1 rgb(205,210,225)
```
#d9dde8
```
#d9dde8 rgb(217,221,232)
```
#e6e8f0
```
#e6e8f0 rgb(230,232,240)
```
#f2f3f7
```
#f2f3f7 rgb(242,243,247)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#d6d7d8
```
#d6d7d8 rgb(214,215,216)
```
#d3d5db
```
#d3d5db rgb(211,213,219)
```
#d0d4de
```
#d0d4de rgb(208,212,222)
```
#cdd2e1
```
#cdd2e1 rgb(205,210,225)
```
#cad0e4
```
#cad0e4 rgb(202,208,228)
```
#c7cfe7
```
#c7cfe7 rgb(199,207,231)
```
#c4cdea
```
#c4cdea rgb(196,205,234)
```
#c1cced
```
#c1cced rgb(193,204,237)
```
#becaf0
```
#becaf0 rgb(190,202,240)
```
#bbc9f3
```
#bbc9f3 rgb(187,201,243)
```
#b7c7f7
```
#b7c7f7 rgb(183,199,247)
```
#b4c6fa
```
#b4c6fa rgb(180,198,250)
```
#b1c4fd
```
#b1c4fd rgb(177,196,253)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#d1d2d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d3e1 Protanopia 1% of men
#e0cee4 Deuteranopia 1% of men
#cfd4e3 Tritanopia 0.001% of the population

Trichromacy

#d1d2e1 Protanomaly 1% of men, 0.01% of women
#d9d0e3 Deuteranomaly 6% of men, 0.4% of women
#ced3e2 Tritanomaly 0.01% of the population

#cdd2e1 hex color

#cdd2e1 Color Information

#cdd2e1 Color Conversion

Color Schemes with #cdd2e1

Alternatives to #cdd2e1

#cdd2e1 Preview

Shades and Tints of #cdd2e1

Tones of #cdd2e1

Color Blindness Simulator