#cdd2ed hex color

In a RGB color space, hex #cdd2ed is composed of 80.4% red, 82.4% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 13.5% cyan, 11.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 230.6 degrees, a saturation of 47.1% and a lightness of 86.7%. #cdd2ed color hex could be obtained by blending #ffffff with #9ba5db. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 80
- G 82
- B 93
RGB color chart
- C 14
- M 11
- Y 0
- K 7
CMYK color chart

● #cdd2ed color description : Light grayish blue.

The hexadecimal color #cdd2ed has RGB values of R:205, G:210, B:237 and CMYK values of C:0.14, M:0.11, Y:0, K:0.07. Its decimal value is 13488877.

Hex triplet	cdd2ed	`#cdd2ed`
RGB Decimal	205, 210, 237	`rgb(205,210,237)`
RGB Percent	80.4, 82.4, 92.9	`rgb(80.4%,82.4%,92.9%)`
CMYK	14, 11, 0, 7
HSL	230.6°, 47.1, 86.7	`hsl(230.6,47.1%,86.7%)`
HSV (or HSB)	230.6°, 13.5, 92.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	84.58, 3.583, -13.833
XYZ	63.507, 65.186, 89.353
xyY	0.291, 0.299, 65.186
CIE-LCH	84.58, 14.289, 284.523
CIE-LUV	84.58, -4.213, -22.29
Hunter-Lab	80.738, -0.888, -9.099
Binary	11001101, 11010010, 11101101

#cdd2ed
```
#cdd2ed rgb(205,210,237)
```
#ede8cd
```
#ede8cd rgb(237,232,205)
```

Complementary Color

#cde2ed
```
#cde2ed rgb(205,226,237)
```
#cdd2ed
```
#cdd2ed rgb(205,210,237)
```
#d8cded
```
#d8cded rgb(216,205,237)
```

Analogous Color

#e2edcd
```
#e2edcd rgb(226,237,205)
```
#cdd2ed
```
#cdd2ed rgb(205,210,237)
```
#edd8cd
```
#edd8cd rgb(237,216,205)
```

Split Complementary Color

#d2edcd
```
#d2edcd rgb(210,237,205)
```
#cdd2ed
```
#cdd2ed rgb(205,210,237)
```
#edcdd2
```
#edcdd2 rgb(237,205,210)
```

Triadic Color

#cdede8
```
#cdede8 rgb(205,237,232)
```
#cdd2ed
```
#cdd2ed rgb(205,210,237)
```
#edcdd2
```
#edcdd2 rgb(237,205,210)
```
#ede8cd
```
#ede8cd rgb(237,232,205)
```

Tetradic Color

#959fd9
```
#959fd9 rgb(149,159,217)
```
#a8b0e0
```
#a8b0e0 rgb(168,176,224)
```
#bac1e6
```
#bac1e6 rgb(186,193,230)
```
#cdd2ed
```
#cdd2ed rgb(205,210,237)
```
#e0e3f4
```
#e0e3f4 rgb(224,227,244)
```
#f3f4fb
```
#f3f4fb rgb(243,244,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#cddaed
```
#cddaed rgb(205,218,237)
```
#cdd7ed
```
#cdd7ed rgb(205,215,237)
```
#cdd5ed
```
#cdd5ed rgb(205,213,237)
```
#cdd2ed
```
#cdd2ed rgb(205,210,237)
```
#cdcfed
```
#cdcfed rgb(205,207,237)
```
#cdcded
```
#cdcded rgb(205,205,237)
```
#d0cded
```
#d0cded rgb(208,205,237)
```

Similar Colors

Text with hexadecimal color #cdd2ed

This text has a font color of #cdd2ed.

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

#cdd2ed background color

This paragraph has a background color of #cdd2ed.

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

#cdd2ed border color

This element has a border color of #cdd2ed.

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

CSS codes

.text {color:#cdd2ed;}

.background {background-color:#cdd2ed;}

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

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

#030408
```
#030408 rgb(3,4,8)
```
#080a16
```
#080a16 rgb(8,10,22)
```
#0d1125
```
#0d1125 rgb(13,17,37)
```
#121733
```
#121733 rgb(18,23,51)
```
#181e41
```
#181e41 rgb(24,30,65)
```
#1d2550
```
#1d2550 rgb(29,37,80)
```
#222b5e
```
#222b5e rgb(34,43,94)
```
#27326d
```
#27326d rgb(39,50,109)
```
#2c397b
```
#2c397b rgb(44,57,123)
```
#323f8a
```
#323f8a rgb(50,63,138)
```
#374698
```
#374698 rgb(55,70,152)
```
#3c4da6
```
#3c4da6 rgb(60,77,166)
```
#4153b5
```
#4153b5 rgb(65,83,181)
```

Shade Color Variation

#4b5dbe
```
#4b5dbe rgb(75,93,190)
```
#5a6ac3
```
#5a6ac3 rgb(90,106,195)
```
#6877c9
```
#6877c9 rgb(104,119,201)
```
#7684ce
```
#7684ce rgb(118,132,206)
```
#8591d3
```
#8591d3 rgb(133,145,211)
```
#939ed8
```
#939ed8 rgb(147,158,216)
```
#a2abdd
```
#a2abdd rgb(162,171,221)
```
#b0b8e3
```
#b0b8e3 rgb(176,184,227)
```
#bfc5e8
```
#bfc5e8 rgb(191,197,232)
```
#cdd2ed
```
#cdd2ed rgb(205,210,237)
```
#dbdff2
```
#dbdff2 rgb(219,223,242)
```
#eaecf7
```
#eaecf7 rgb(234,236,247)
```
#f8f9fd
```
#f8f9fd rgb(248,249,253)
```

Tint Color Variation

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

#dddddd
```
#dddddd rgb(221,221,221)
```
#dadbe0
```
#dadbe0 rgb(218,219,224)
```
#d7d9e3
```
#d7d9e3 rgb(215,217,227)
```
#d5d7e5
```
#d5d7e5 rgb(213,215,229)
```
#d2d6e8
```
#d2d6e8 rgb(210,214,232)
```
#d0d4ea
```
#d0d4ea rgb(208,212,234)
```
#cdd2ed
```
#cdd2ed rgb(205,210,237)
```
#cad0f0
```
#cad0f0 rgb(202,208,240)
```
#c8cef2
```
#c8cef2 rgb(200,206,242)
```
#c5cdf5
```
#c5cdf5 rgb(197,205,245)
```
#c3cbf7
```
#c3cbf7 rgb(195,203,247)
```
#c0c9fa
```
#c0c9fa rgb(192,201,250)
```
#bdc7fd
```
#bdc7fd rgb(189,199,253)
```

Tone Color Variation

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

Dichromacy

#d1d3ed Protanopia 1% of men
#dcd0ef Deuteranopia 1% of men
#cdd5e5 Tritanopia 0.001% of the population

Trichromacy

#cfd3ed Protanomaly 1% of men, 0.01% of women
#d6d0ee Deuteranomaly 6% of men, 0.4% of women
#cdd4e8 Tritanomaly 0.01% of the population

#cdd2ed hex color

#cdd2ed Color Information

#cdd2ed Color Conversion

Color Schemes with #cdd2ed

Alternatives to #cdd2ed

#cdd2ed Preview

Shades and Tints of #cdd2ed

Tones of #cdd2ed

Color Blindness Simulator