#d1d6e2 hex color

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

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

● #d1d6e2 color description : Light grayish blue.

The hexadecimal color #d1d6e2 has RGB values of R:209, G:214, B:226 and CMYK values of C:0.08, M:0.05, Y:0, K:0.11. Its decimal value is 13752034.

Hex triplet	d1d6e2	`#d1d6e2`
RGB Decimal	209, 214, 226	`rgb(209,214,226)`
RGB Percent	82, 83.9, 88.6	`rgb(82%,83.9%,88.6%)`
CMYK	8, 5, 0, 11
HSL	222.4°, 22.7, 85.3	`hsl(222.4,22.7%,85.3%)`
HSV (or HSB)	222.4°, 7.5, 88.6
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.574, 0.576, -6.487
XYZ	64.066, 67.139, 81.531
xyY	0.301, 0.316, 67.139
CIE-LCH	85.574, 6.513, 275.075
CIE-LUV	85.574, -3.419, -10.112
Hunter-Lab	81.938, -3.827, -1.638
Binary	11010001, 11010110, 11100010

#d1d6e2
```
#d1d6e2 rgb(209,214,226)
```
#e2ddd1
```
#e2ddd1 rgb(226,221,209)
```

Complementary Color

#d1dfe2
```
#d1dfe2 rgb(209,223,226)
```
#d1d6e2
```
#d1d6e2 rgb(209,214,226)
```
#d5d1e2
```
#d5d1e2 rgb(213,209,226)
```

Analogous Color

#dfe2d1
```
#dfe2d1 rgb(223,226,209)
```
#d1d6e2
```
#d1d6e2 rgb(209,214,226)
```
#e2d5d1
```
#e2d5d1 rgb(226,213,209)
```

Split Complementary Color

#d6e2d1
```
#d6e2d1 rgb(214,226,209)
```
#d1d6e2
```
#d1d6e2 rgb(209,214,226)
```
#e2d1d6
```
#e2d1d6 rgb(226,209,214)
```

Triadic Color

#d1e2dd
```
#d1e2dd rgb(209,226,221)
```
#d1d6e2
```
#d1d6e2 rgb(209,214,226)
```
#e2d1d6
```
#e2d1d6 rgb(226,209,214)
```
#e2ddd1
```
#e2ddd1 rgb(226,221,209)
```

Tetradic Color

#a2acc4
```
#a2acc4 rgb(162,172,196)
```
#b2bace
```
#b2bace rgb(178,186,206)
```
#c1c8d8
```
#c1c8d8 rgb(193,200,216)
```
#d1d6e2
```
#d1d6e2 rgb(209,214,226)
```
#e1e4ec
```
#e1e4ec rgb(225,228,236)
```
#f0f2f6
```
#f0f2f6 rgb(240,242,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#d1dae2
```
#d1dae2 rgb(209,218,226)
```
#d1d9e2
```
#d1d9e2 rgb(209,217,226)
```
#d1d7e2
```
#d1d7e2 rgb(209,215,226)
```
#d1d6e2
```
#d1d6e2 rgb(209,214,226)
```
#d1d5e2
```
#d1d5e2 rgb(209,213,226)
```
#d1d3e2
```
#d1d3e2 rgb(209,211,226)
```
#d1d2e2
```
#d1d2e2 rgb(209,210,226)
```

Similar Colors

Text with hexadecimal color #d1d6e2

This text has a font color of #d1d6e2.

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

#d1d6e2 background color

This paragraph has a background color of #d1d6e2.

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

#d1d6e2 border color

This element has a border color of #d1d6e2.

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

CSS codes

.text {color:#d1d6e2;}

.background {background-color:#d1d6e2;}

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

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)
```
#181c26
```
#181c26 rgb(24,28,38)
```
#202532
```
#202532 rgb(32,37,50)
```
#272e3e
```
#272e3e rgb(39,46,62)
```
#2f374a
```
#2f374a rgb(47,55,74)
```
#364056
```
#364056 rgb(54,64,86)
```
#3e4962
```
#3e4962 rgb(62,73,98)
```
#46526e
```
#46526e rgb(70,82,110)
```
#4d5a7a
```
#4d5a7a rgb(77,90,122)
```
#556386
```
#556386 rgb(85,99,134)
```
#5c6c92
```
#5c6c92 rgb(92,108,146)
```

Shade Color Variation

#65759e
```
#65759e rgb(101,117,158)
```
#7180a5
```
#7180a5 rgb(113,128,165)
```
#7d8bad
```
#7d8bad rgb(125,139,173)
```
#8996b4
```
#8996b4 rgb(137,150,180)
```
#95a0bc
```
#95a0bc rgb(149,160,188)
```
#a1abc4
```
#a1abc4 rgb(161,171,196)
```
#adb6cb
```
#adb6cb rgb(173,182,203)
```
#b9c1d3
```
#b9c1d3 rgb(185,193,211)
```
#c5cbda
```
#c5cbda rgb(197,203,218)
```
#d1d6e2
```
#d1d6e2 rgb(209,214,226)
```
#dde1ea
```
#dde1ea rgb(221,225,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 #b4caff is the most saturated one.

#d7d8dc
```
#d7d8dc rgb(215,216,220)
```
#d4d7df
```
#d4d7df rgb(212,215,223)
```
#d1d6e2
```
#d1d6e2 rgb(209,214,226)
```
#ced5e5
```
#ced5e5 rgb(206,213,229)
```
#cbd4e8
```
#cbd4e8 rgb(203,212,232)
```
#c8d2eb
```
#c8d2eb rgb(200,210,235)
```
#c5d1ee
```
#c5d1ee rgb(197,209,238)
```
#c3d0f0
```
#c3d0f0 rgb(195,208,240)
```
#c0cff3
```
#c0cff3 rgb(192,207,243)
```
#bdcef6
```
#bdcef6 rgb(189,206,246)
```
#baccf9
```
#baccf9 rgb(186,204,249)
```
#b7cbfc
```
#b7cbfc rgb(183,203,252)
```
#b4caff
```
#b4caff rgb(180,202,255)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d5d6d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d6e2 Protanopia 1% of men
#e5d2e5 Deuteranopia 1% of men
#d4d7e6 Tritanopia 0.001% of the population

Trichromacy

#d5d6e2 Protanomaly 1% of men, 0.01% of women
#ded3e4 Deuteranomaly 6% of men, 0.4% of women
#d2d6e5 Tritanomaly 0.01% of the population

#d1d6e2 hex color

#d1d6e2 Color Information

#d1d6e2 Color Conversion

Color Schemes with #d1d6e2

Alternatives to #d1d6e2

#d1d6e2 Preview

Shades and Tints of #d1d6e2

Tones of #d1d6e2

Color Blindness Simulator