#d8ddf2 hex color

In a RGB color space, hex #d8ddf2 is composed of 84.7% red, 86.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 10.7% cyan, 8.7% magenta, 0% yellow and 5.1% black. It has a hue angle of 228.5 degrees, a saturation of 50% and a lightness of 89.8%. #d8ddf2 color hex could be obtained by blending #ffffff with #b1bbe5. Closest websafe color is: #ccccff.

♥
- f
- t
- g
- R 85
- G 87
- B 95
RGB color chart
- C 11
- M 9
- Y 0
- K 5
CMYK color chart

● #d8ddf2 color description : Light grayish blue.

The hexadecimal color #d8ddf2 has RGB values of R:216, G:221, B:242 and CMYK values of C:0.11, M:0.09, Y:0, K:0.05. Its decimal value is 14212594.

Hex triplet	d8ddf2	`#d8ddf2`
RGB Decimal	216, 221, 242	`rgb(216,221,242)`
RGB Percent	84.7, 86.7, 94.9	`rgb(84.7%,86.7%,94.9%)`
CMYK	11, 9, 0, 5
HSL	228.5°, 50, 89.8	`hsl(228.5,50%,89.8%)`
HSV (or HSB)	228.5°, 10.7, 94.9
Web Safe	ccccff	`#ccccff`

CIE-LAB	88.315, 2.328, -10.812
XYZ	70.199, 72.722, 94.338
xyY	0.296, 0.307, 72.722
CIE-LCH	88.315, 11.06, 282.15
CIE-LUV	88.315, -3.89, -17.332
Hunter-Lab	85.277, -2.296, -5.895
Binary	11011000, 11011101, 11110010

#d8ddf2
```
#d8ddf2 rgb(216,221,242)
```
#f2edd8
```
#f2edd8 rgb(242,237,216)
```

Complementary Color

#d8eaf2
```
#d8eaf2 rgb(216,234,242)
```
#d8ddf2
```
#d8ddf2 rgb(216,221,242)
```
#e0d8f2
```
#e0d8f2 rgb(224,216,242)
```

Analogous Color

#eaf2d8
```
#eaf2d8 rgb(234,242,216)
```
#d8ddf2
```
#d8ddf2 rgb(216,221,242)
```
#f2e0d8
```
#f2e0d8 rgb(242,224,216)
```

Split Complementary Color

#ddf2d8
```
#ddf2d8 rgb(221,242,216)
```
#d8ddf2
```
#d8ddf2 rgb(216,221,242)
```
#f2d8dd
```
#f2d8dd rgb(242,216,221)
```

Triadic Color

#d8f2ed
```
#d8f2ed rgb(216,242,237)
```
#d8ddf2
```
#d8ddf2 rgb(216,221,242)
```
#f2d8dd
```
#f2d8dd rgb(242,216,221)
```
#f2edd8
```
#f2edd8 rgb(242,237,216)
```

Tetradic Color

#9fabdf
```
#9fabdf rgb(159,171,223)
```
#b2bce5
```
#b2bce5 rgb(178,188,229)
```
#c5ccec
```
#c5ccec rgb(197,204,236)
```
#d8ddf2
```
#d8ddf2 rgb(216,221,242)
```
#ebeef8
```
#ebeef8 rgb(235,238,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#d8e4f2
```
#d8e4f2 rgb(216,228,242)
```
#d8e1f2
```
#d8e1f2 rgb(216,225,242)
```
#d8dff2
```
#d8dff2 rgb(216,223,242)
```
#d8ddf2
```
#d8ddf2 rgb(216,221,242)
```
#d8dbf2
```
#d8dbf2 rgb(216,219,242)
```
#d8d9f2
```
#d8d9f2 rgb(216,217,242)
```
#dad8f2
```
#dad8f2 rgb(218,216,242)
```

Similar Colors

Text with hexadecimal color #d8ddf2

This text has a font color of #d8ddf2.

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

#d8ddf2 background color

This paragraph has a background color of #d8ddf2.

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

#d8ddf2 border color

This element has a border color of #d8ddf2.

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

CSS codes

.text {color:#d8ddf2;}

.background {background-color:#d8ddf2;}

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

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

#020205
```
#020205 rgb(2,2,5)
```
#070914
```
#070914 rgb(7,9,20)
```
#0c1023
```
#0c1023 rgb(12,16,35)
```
#101731
```
#101731 rgb(16,23,49)
```
#151e40
```
#151e40 rgb(21,30,64)
```
#1a244f
```
#1a244f rgb(26,36,79)
```
#1f2b5d
```
#1f2b5d rgb(31,43,93)
```
#24326c
```
#24326c rgb(36,50,108)
```
#29397b
```
#29397b rgb(41,57,123)
```
#2e3f8a
```
#2e3f8a rgb(46,63,138)
```
#334698
```
#334698 rgb(51,70,152)
```
#384da7
```
#384da7 rgb(56,77,167)
```
#3d54b6
```
#3d54b6 rgb(61,84,182)
```

Shade Color Variation

#455dc1
```
#455dc1 rgb(69,93,193)
```
#546ac6
```
#546ac6 rgb(84,106,198)
```
#6276cb
```
#6276cb rgb(98,118,203)
```
#7183d0
```
#7183d0 rgb(113,131,208)
```
#8090d5
```
#8090d5 rgb(128,144,213)
```
#8e9dd9
```
#8e9dd9 rgb(142,157,217)
```
#9daade
```
#9daade rgb(157,170,222)
```
#acb7e3
```
#acb7e3 rgb(172,183,227)
```
#bbc3e8
```
#bbc3e8 rgb(187,195,232)
```
#c9d0ed
```
#c9d0ed rgb(201,208,237)
```
#d8ddf2
```
#d8ddf2 rgb(216,221,242)
```
#e7eaf7
```
#e7eaf7 rgb(231,234,247)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#e4e4e6
```
#e4e4e6 rgb(228,228,230)
```
#e2e3e8
```
#e2e3e8 rgb(226,227,232)
```
#e0e2ea
```
#e0e2ea rgb(224,226,234)
```
#dee1ec
```
#dee1ec rgb(222,225,236)
```
#dcdfee
```
#dcdfee rgb(220,223,238)
```
#dadef0
```
#dadef0 rgb(218,222,240)
```
#d8ddf2
```
#d8ddf2 rgb(216,221,242)
```
#d6dcf4
```
#d6dcf4 rgb(214,220,244)
```
#d4dbf6
```
#d4dbf6 rgb(212,219,246)
```
#d2d9f8
```
#d2d9f8 rgb(210,217,248)
```
#d0d8fa
```
#d0d8fa rgb(208,216,250)
```
#ced7fc
```
#ced7fc rgb(206,215,252)
```
#ccd6fe
```
#ccd6fe rgb(204,214,254)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#dddee2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddddf2 Protanopia 1% of men
#e9d9f4 Deuteranopia 1% of men
#d9dfef Tritanopia 0.001% of the population

Trichromacy

#dbddf2 Protanomaly 1% of men, 0.01% of women
#e3daf3 Deuteranomaly 6% of men, 0.4% of women
#d8def0 Tritanomaly 0.01% of the population

#d8ddf2 hex color

#d8ddf2 Color Information

#d8ddf2 Color Conversion

Color Schemes with #d8ddf2

Alternatives to #d8ddf2

#d8ddf2 Preview

Shades and Tints of #d8ddf2

Tones of #d8ddf2

Color Blindness Simulator