#d1d5e2 hex color

In a RGB color space, hex #d1d5e2 is composed of 82% red, 83.5% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 7.5% cyan, 5.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 225.9 degrees, a saturation of 22.7% and a lightness of 85.3%. #d1d5e2 color hex could be obtained by blending #ffffff with #a3abc5. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 82
- G 84
- B 89
RGB color chart
- C 8
- M 6
- Y 0
- K 11
CMYK color chart

● #d1d5e2 color description : Light grayish blue.

The hexadecimal color #d1d5e2 has RGB values of R:209, G:213, B:226 and CMYK values of C:0.08, M:0.06, Y:0, K:0.11. Its decimal value is 13751778.

Hex triplet	d1d5e2	`#d1d5e2`
RGB Decimal	209, 213, 226	`rgb(209,213,226)`
RGB Percent	82, 83.5, 88.6	`rgb(82%,83.5%,88.6%)`
CMYK	8, 6, 0, 11
HSL	225.9°, 22.7, 85.3	`hsl(225.9,22.7%,85.3%)`
HSV (or HSB)	225.9°, 7.5, 88.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.319, 1.099, -6.864
XYZ	63.814, 66.634, 81.447
xyY	0.301, 0.314, 66.634
CIE-LCH	85.319, 6.952, 279.1
CIE-LUV	85.319, -2.931, -10.789
Hunter-Lab	81.63, -3.311, -2.016
Binary	11010001, 11010101, 11100010

#d1d5e2
```
#d1d5e2 rgb(209,213,226)
```
#e2ded1
```
#e2ded1 rgb(226,222,209)
```

Complementary Color

#d1dee2
```
#d1dee2 rgb(209,222,226)
```
#d1d5e2
```
#d1d5e2 rgb(209,213,226)
```
#d6d1e2
```
#d6d1e2 rgb(214,209,226)
```

Analogous Color

#dee2d1
```
#dee2d1 rgb(222,226,209)
```
#d1d5e2
```
#d1d5e2 rgb(209,213,226)
```
#e2d6d1
```
#e2d6d1 rgb(226,214,209)
```

Split Complementary Color

#d5e2d1
```
#d5e2d1 rgb(213,226,209)
```
#d1d5e2
```
#d1d5e2 rgb(209,213,226)
```
#e2d1d5
```
#e2d1d5 rgb(226,209,213)
```

Triadic Color

#d1e2de
```
#d1e2de rgb(209,226,222)
```
#d1d5e2
```
#d1d5e2 rgb(209,213,226)
```
#e2d1d5
```
#e2d1d5 rgb(226,209,213)
```
#e2ded1
```
#e2ded1 rgb(226,222,209)
```

Tetradic Color

#a2aac4
```
#a2aac4 rgb(162,170,196)
```
#b2b8ce
```
#b2b8ce rgb(178,184,206)
```
#c1c7d8
```
#c1c7d8 rgb(193,199,216)
```
#d1d5e2
```
#d1d5e2 rgb(209,213,226)
```
#e1e3ec
```
#e1e3ec rgb(225,227,236)
```
#f0f2f6
```
#f0f2f6 rgb(240,242,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#d1d9e2
```
#d1d9e2 rgb(209,217,226)
```
#d1d8e2
```
#d1d8e2 rgb(209,216,226)
```
#d1d6e2
```
#d1d6e2 rgb(209,214,226)
```
#d1d5e2
```
#d1d5e2 rgb(209,213,226)
```
#d1d4e2
```
#d1d4e2 rgb(209,212,226)
```
#d1d2e2
```
#d1d2e2 rgb(209,210,226)
```
#d1d1e2
```
#d1d1e2 rgb(209,209,226)
```

Similar Colors

Text with hexadecimal color #d1d5e2

This text has a font color of #d1d5e2.

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

#d1d5e2 background color

This paragraph has a background color of #d1d5e2.

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

#d1d5e2 border color

This element has a border color of #d1d5e2.

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

CSS codes

.text {color:#d1d5e2;}

.background {background-color:#d1d5e2;}

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

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

#010202
```
#010202 rgb(1,2,2)
```
#090a0e
```
#090a0e rgb(9,10,14)
```
#11131a
```
#11131a rgb(17,19,26)
```
#181b26
```
#181b26 rgb(24,27,38)
```
#202432
```
#202432 rgb(32,36,50)
```
#272d3e
```
#272d3e rgb(39,45,62)
```
#2f354a
```
#2f354a rgb(47,53,74)
```
#363e56
```
#363e56 rgb(54,62,86)
```
#3e4762
```
#3e4762 rgb(62,71,98)
```
#464f6e
```
#464f6e rgb(70,79,110)
```
#4d587a
```
#4d587a rgb(77,88,122)
```
#556086
```
#556086 rgb(85,96,134)
```
#5c6992
```
#5c6992 rgb(92,105,146)
```

Shade Color Variation

#65729e
```
#65729e rgb(101,114,158)
```
#717da5
```
#717da5 rgb(113,125,165)
```
#7d88ad
```
#7d88ad rgb(125,136,173)
```
#8993b4
```
#8993b4 rgb(137,147,180)
```
#959ebc
```
#959ebc rgb(149,158,188)
```
#a1a9c4
```
#a1a9c4 rgb(161,169,196)
```
#adb4cb
```
#adb4cb rgb(173,180,203)
```
#b9bfd3
```
#b9bfd3 rgb(185,191,211)
```
#c5cada
```
#c5cada rgb(197,202,218)
```
#d1d5e2
```
#d1d5e2 rgb(209,213,226)
```
#dde0ea
```
#dde0ea rgb(221,224,234)
```
#e9ebf1
```
#e9ebf1 rgb(233,235,241)
```
#f5f6f9
```
#f5f6f9 rgb(245,246,249)
```

Tint Color Variation

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

#d7d8dc
```
#d7d8dc rgb(215,216,220)
```
#d4d7df
```
#d4d7df rgb(212,215,223)
```
#d1d5e2
```
#d1d5e2 rgb(209,213,226)
```
#ced3e5
```
#ced3e5 rgb(206,211,229)
```
#cbd2e8
```
#cbd2e8 rgb(203,210,232)
```
#c8d0eb
```
#c8d0eb rgb(200,208,235)
```
#c5cfee
```
#c5cfee rgb(197,207,238)
```
#c3cdf0
```
#c3cdf0 rgb(195,205,240)
```
#c0ccf3
```
#c0ccf3 rgb(192,204,243)
```
#bdcaf6
```
#bdcaf6 rgb(189,202,246)
```
#bac9f9
```
#bac9f9 rgb(186,201,249)
```
#b7c7fc
```
#b7c7fc rgb(183,199,252)
```
#b4c6ff
```
#b4c6ff rgb(180,198,255)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d4d5d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7d6e2 Protanopia 1% of men
#e4d1e5 Deuteranopia 1% of men
#d3d6e6 Tritanopia 0.001% of the population

Trichromacy

#d5d5e2 Protanomaly 1% of men, 0.01% of women
#ddd2e4 Deuteranomaly 6% of men, 0.4% of women
#d2d6e4 Tritanomaly 0.01% of the population

#d1d5e2 hex color

#d1d5e2 Color Information

#d1d5e2 Color Conversion

Color Schemes with #d1d5e2

Alternatives to #d1d5e2

#d1d5e2 Preview

Shades and Tints of #d1d5e2

Tones of #d1d5e2

Color Blindness Simulator