#d1d2dd hex color

In a RGB color space, hex #d1d2dd is composed of 82% red, 82.4% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 5.4% cyan, 5% magenta, 0% yellow and 13.3% black. It has a hue angle of 235 degrees, a saturation of 15% and a lightness of 84.3%. #d1d2dd color hex could be obtained by blending #ffffff with #a3a5bb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 82
- G 82
- B 87
RGB color chart
- C 5
- M 5
- Y 0
- K 13
CMYK color chart

● #d1d2dd color description : Light grayish blue.

The hexadecimal color #d1d2dd has RGB values of R:209, G:210, B:221 and CMYK values of C:0.05, M:0.05, Y:0, K:0.13. Its decimal value is 13751005.

Hex triplet	d1d2dd	`#d1d2dd`
RGB Decimal	209, 210, 221	`rgb(209,210,221)`
RGB Percent	82, 82.4, 86.7	`rgb(82%,82.4%,86.7%)`
CMYK	5, 5, 0, 13
HSL	235°, 15, 84.3	`hsl(235,15%,84.3%)`
HSV (or HSB)	235°, 5.4, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.416, 1.711, -5.545
XYZ	62.39, 64.869, 77.637
xyY	0.304, 0.317, 64.869
CIE-LCH	84.416, 5.803, 287.147
CIE-LUV	84.416, -1.183, -8.814
Hunter-Lab	80.541, -2.675, -0.773
Binary	11010001, 11010010, 11011101

#d1d2dd
```
#d1d2dd rgb(209,210,221)
```
#dddcd1
```
#dddcd1 rgb(221,220,209)
```

Complementary Color

#d1d8dd
```
#d1d8dd rgb(209,216,221)
```
#d1d2dd
```
#d1d2dd rgb(209,210,221)
```
#d6d1dd
```
#d6d1dd rgb(214,209,221)
```

Analogous Color

#d8ddd1
```
#d8ddd1 rgb(216,221,209)
```
#d1d2dd
```
#d1d2dd rgb(209,210,221)
```
#ddd6d1
```
#ddd6d1 rgb(221,214,209)
```

Split Complementary Color

#d2ddd1
```
#d2ddd1 rgb(210,221,209)
```
#d1d2dd
```
#d1d2dd rgb(209,210,221)
```
#ddd1d2
```
#ddd1d2 rgb(221,209,210)
```

Triadic Color

#d1dddc
```
#d1dddc rgb(209,221,220)
```
#d1d2dd
```
#d1d2dd rgb(209,210,221)
```
#ddd1d2
```
#ddd1d2 rgb(221,209,210)
```
#dddcd1
```
#dddcd1 rgb(221,220,209)
```

Tetradic Color

#a5a7bc
```
#a5a7bc rgb(165,167,188)
```
#b4b5c7
```
#b4b5c7 rgb(180,181,199)
```
#c2c4d2
```
#c2c4d2 rgb(194,196,210)
```
#d1d2dd
```
#d1d2dd rgb(209,210,221)
```
#e0e0e8
```
#e0e0e8 rgb(224,224,232)
```
#eeeff3
```
#eeeff3 rgb(238,239,243)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Monochromatic Color

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

#d1d5dd
```
#d1d5dd rgb(209,213,221)
```
#d1d4dd
```
#d1d4dd rgb(209,212,221)
```
#d1d3dd
```
#d1d3dd rgb(209,211,221)
```
#d1d2dd
```
#d1d2dd rgb(209,210,221)
```
#d1d1dd
```
#d1d1dd rgb(209,209,221)
```
#d2d1dd
```
#d2d1dd rgb(210,209,221)
```
#d3d1dd
```
#d3d1dd rgb(211,209,221)
```

Similar Colors

Text with hexadecimal color #d1d2dd

This text has a font color of #d1d2dd.

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

#d1d2dd background color

This paragraph has a background color of #d1d2dd.

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

#d1d2dd border color

This element has a border color of #d1d2dd.

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

CSS codes

.text {color:#d1d2dd;}

.background {background-color:#d1d2dd;}

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

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

#08080a
```
#08080a rgb(8,8,10)
```
#101016
```
#101016 rgb(16,16,22)
```
#181921
```
#181921 rgb(24,25,33)
```
#21222c
```
#21222c rgb(33,34,44)
```
#292a38
```
#292a38 rgb(41,42,56)
```
#313343
```
#313343 rgb(49,51,67)
```
#3a3b4e
```
#3a3b4e rgb(58,59,78)
```
#424459
```
#424459 rgb(66,68,89)
```
#4a4d65
```
#4a4d65 rgb(74,77,101)
```
#535570
```
#535570 rgb(83,85,112)
```
#5b5e7b
```
#5b5e7b rgb(91,94,123)
```
#636686
```
#636686 rgb(99,102,134)
```
#6c6f92
```
#6c6f92 rgb(108,111,146)
```

Shade Color Variation

#777a9a
```
#777a9a rgb(119,122,154)
```
#8285a3
```
#8285a3 rgb(130,133,163)
```
#8d90ab
```
#8d90ab rgb(141,144,171)
```
#999bb3
```
#999bb3 rgb(153,155,179)
```
#a4a6bc
```
#a4a6bc rgb(164,166,188)
```
#afb1c4
```
#afb1c4 rgb(175,177,196)
```
#babccc
```
#babccc rgb(186,188,204)
```
#c6c7d5
```
#c6c7d5 rgb(198,199,213)
```
#d1d2dd
```
#d1d2dd rgb(209,210,221)
```
#dcdde5
```
#dcdde5 rgb(220,221,229)
```
#e8e8ee
```
#e8e8ee rgb(232,232,238)
```
#f3f3f6
```
#f3f3f6 rgb(243,243,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#d4d5da
```
#d4d5da rgb(212,213,218)
```
#d1d2dd
```
#d1d2dd rgb(209,210,221)
```
#cecfe0
```
#cecfe0 rgb(206,207,224)
```
#cbcde3
```
#cbcde3 rgb(203,205,227)
```
#c8cae6
```
#c8cae6 rgb(200,202,230)
```
#c5c8e9
```
#c5c8e9 rgb(197,200,233)
```
#c2c5ec
```
#c2c5ec rgb(194,197,236)
```
#bfc3ef
```
#bfc3ef rgb(191,195,239)
```
#bbc0f3
```
#bbc0f3 rgb(187,192,243)
```
#b8bdf6
```
#b8bdf6 rgb(184,189,246)
```
#b5bbf9
```
#b5bbf9 rgb(181,187,249)
```
#b2b8fc
```
#b2b8fc rgb(178,184,252)
```
#afb6ff
```
#afb6ff rgb(175,182,255)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#d3d3d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d3de Protanopia 1% of men
#e3cfe0 Deuteranopia 1% of men
#d4d3e2 Tritanopia 0.001% of the population

Trichromacy

#d3d3dd Protanomaly 1% of men, 0.01% of women
#dcd0df Deuteranomaly 6% of men, 0.4% of women
#d3d3e0 Tritanomaly 0.01% of the population

#d1d2dd hex color

#d1d2dd Color Information

#d1d2dd Color Conversion

Color Schemes with #d1d2dd

Alternatives to #d1d2dd

#d1d2dd Preview

Shades and Tints of #d1d2dd

Tones of #d1d2dd

Color Blindness Simulator