#d7d8dc hex color

In a RGB color space, hex #d7d8dc is composed of 84.3% red, 84.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 2.3% cyan, 1.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 228 degrees, a saturation of 6.7% and a lightness of 85.3%. #d7d8dc color hex could be obtained by blending #ffffff with #afb1b9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 84
- G 85
- B 86
RGB color chart
- C 2
- M 2
- Y 0
- K 14
CMYK color chart

● #d7d8dc color description : Light grayish blue.

The hexadecimal color #d7d8dc has RGB values of R:215, G:216, B:220 and CMYK values of C:0.02, M:0.02, Y:0, K:0.14. Its decimal value is 14145756.

Hex triplet	d7d8dc	`#d7d8dc`
RGB Decimal	215, 216, 220	`rgb(215,216,220)`
RGB Percent	84.3, 84.7, 86.3	`rgb(84.3%,84.7%,86.3%)`
CMYK	2, 2, 0, 14
HSL	228°, 6.7, 85.3	`hsl(228,6.7%,85.3%)`
HSV (or HSB)	228°, 2.3, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.368, 0.392, -2.09
XYZ	65.496, 68.726, 77.521
xyY	0.309, 0.325, 68.726
CIE-LCH	86.368, 2.127, 280.611
CIE-LUV	86.368, -0.79, -3.262
Hunter-Lab	82.901, -4.053, 2.588
Binary	11010111, 11011000, 11011100

#d7d8dc
```
#d7d8dc rgb(215,216,220)
```
#dcdbd7
```
#dcdbd7 rgb(220,219,215)
```

Complementary Color

#d7dbdc
```
#d7dbdc rgb(215,219,220)
```
#d7d8dc
```
#d7d8dc rgb(215,216,220)
```
#d9d7dc
```
#d9d7dc rgb(217,215,220)
```

Analogous Color

#dbdcd7
```
#dbdcd7 rgb(219,220,215)
```
#d7d8dc
```
#d7d8dc rgb(215,216,220)
```
#dcd9d7
```
#dcd9d7 rgb(220,217,215)
```

Split Complementary Color

#d8dcd7
```
#d8dcd7 rgb(216,220,215)
```
#d7d8dc
```
#d7d8dc rgb(215,216,220)
```
#dcd7d8
```
#dcd7d8 rgb(220,215,216)
```

Triadic Color

#d7dcdb
```
#d7dcdb rgb(215,220,219)
```
#d7d8dc
```
#d7d8dc rgb(215,216,220)
```
#dcd7d8
```
#dcd7d8 rgb(220,215,216)
```
#dcdbd7
```
#dcdbd7 rgb(220,219,215)
```

Tetradic Color

#aeb0b8
```
#aeb0b8 rgb(174,176,184)
```
#bcbdc4
```
#bcbdc4 rgb(188,189,196)
```
#c9cbd0
```
#c9cbd0 rgb(201,203,208)
```
#d7d8dc
```
#d7d8dc rgb(215,216,220)
```
#e5e5e8
```
#e5e5e8 rgb(229,229,232)
```
#f2f3f4
```
#f2f3f4 rgb(242,243,244)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#d7d9dc
```
#d7d9dc rgb(215,217,220)
```
#d7d9dc
```
#d7d9dc rgb(215,217,220)
```
#d7d8dc
```
#d7d8dc rgb(215,216,220)
```
#d7d8dc
```
#d7d8dc rgb(215,216,220)
```
#d7d8dc
```
#d7d8dc rgb(215,216,220)
```
#d7d7dc
```
#d7d7dc rgb(215,215,220)
```
#d7d7dc
```
#d7d7dc rgb(215,215,220)
```

Similar Colors

Text with hexadecimal color #d7d8dc

This text has a font color of #d7d8dc.

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

#d7d8dc background color

This paragraph has a background color of #d7d8dc.

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

#d7d8dc border color

This element has a border color of #d7d8dc.

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

CSS codes

.text {color:#d7d8dc;}

.background {background-color:#d7d8dc;}

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

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

#020202
```
#020202 rgb(2,2,2)
```
#0b0b0c
```
#0b0b0c rgb(11,11,12)
```
#141417
```
#141417 rgb(20,20,23)
```
#1d1e21
```
#1d1e21 rgb(29,30,33)
```
#26272c
```
#26272c rgb(38,39,44)
```
#2f3136
```
#2f3136 rgb(47,49,54)
```
#393a41
```
#393a41 rgb(57,58,65)
```
#42444b
```
#42444b rgb(66,68,75)
```
#4b4d56
```
#4b4d56 rgb(75,77,86)
```
#545660
```
#545660 rgb(84,86,96)
```
#5d606a
```
#5d606a rgb(93,96,106)
```
#666975
```
#666975 rgb(102,105,117)
```
#6f737f
```
#6f737f rgb(111,115,127)
```

Shade Color Variation

#797c8a
```
#797c8a rgb(121,124,138)
```
#838693
```
#838693 rgb(131,134,147)
```
#8e919c
```
#8e919c rgb(142,145,156)
```
#989ba5
```
#989ba5 rgb(152,155,165)
```
#a3a5ae
```
#a3a5ae rgb(163,165,174)
```
#adafb7
```
#adafb7 rgb(173,175,183)
```
#b8b9c1
```
#b8b9c1 rgb(184,185,193)
```
#c2c4ca
```
#c2c4ca rgb(194,196,202)
```
#cdced3
```
#cdced3 rgb(205,206,211)
```
#d7d8dc
```
#d7d8dc rgb(215,216,220)
```
#e1e2e5
```
#e1e2e5 rgb(225,226,229)
```
#ececee
```
#ececee rgb(236,236,238)
```
#f6f7f7
```
#f6f7f7 rgb(246,247,247)
```

Tint Color Variation

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

#d7d8dc
```
#d7d8dc rgb(215,216,220)
```
#d4d6df
```
#d4d6df rgb(212,214,223)
```
#d1d5e2
```
#d1d5e2 rgb(209,213,226)
```
#ced3e5
```
#ced3e5 rgb(206,211,229)
```
#cbd1e8
```
#cbd1e8 rgb(203,209,232)
```
#c9cfea
```
#c9cfea rgb(201,207,234)
```
#c6ceed
```
#c6ceed rgb(198,206,237)
```
#c3ccf0
```
#c3ccf0 rgb(195,204,240)
```
#c0caf3
```
#c0caf3 rgb(192,202,243)
```
#bdc8f6
```
#bdc8f6 rgb(189,200,246)
```
#bac7f9
```
#bac7f9 rgb(186,199,249)
```
#b7c5fc
```
#b7c5fc rgb(183,197,252)
```
#b4c3ff
```
#b4c3ff rgb(180,195,255)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#d8d8d9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcd9dd Protanopia 1% of men
#ebd3df Deuteranopia 1% of men
#dad8e7 Tritanopia 0.001% of the population

Trichromacy

#dad8dc Protanomaly 1% of men, 0.01% of women
#e4d5de Deuteranomaly 6% of men, 0.4% of women
#d9d8e3 Tritanomaly 0.01% of the population

#d7d8dc hex color

#d7d8dc Color Information

#d7d8dc Color Conversion

Color Schemes with #d7d8dc

Alternatives to #d7d8dc

#d7d8dc Preview

Shades and Tints of #d7d8dc

Tones of #d7d8dc

Color Blindness Simulator