#d3d4dc hex color

In a RGB color space, hex #d3d4dc is composed of 82.7% red, 83.1% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 4.1% cyan, 3.6% magenta, 0% yellow and 13.7% black. It has a hue angle of 233.3 degrees, a saturation of 11.4% and a lightness of 84.5%. #d3d4dc color hex could be obtained by blending #ffffff with #a7a9b9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 83
- G 83
- B 86
RGB color chart
- C 4
- M 4
- Y 0
- K 14
CMYK color chart

● #d3d4dc color description : Light grayish blue.

The hexadecimal color #d3d4dc has RGB values of R:211, G:212, B:220 and CMYK values of C:0.04, M:0.04, Y:0, K:0.14. Its decimal value is 13882588.

Hex triplet	d3d4dc	`#d3d4dc`
RGB Decimal	211, 212, 220	`rgb(211,212,220)`
RGB Percent	82.7, 83.1, 86.3	`rgb(82.7%,83.1%,86.3%)`
CMYK	4, 4, 0, 14
HSL	233.3°, 11.4, 84.5	`hsl(233.3,11.4%,84.5%)`
HSV (or HSB)	233.3°, 4.1, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.049, 1.139, -4.063
XYZ	63.323, 66.103, 77.129
xyY	0.307, 0.32, 66.103
CIE-LCH	85.049, 4.22, 285.665
CIE-LUV	85.049, -1.014, -6.424
Hunter-Lab	81.304, -3.257, 0.667
Binary	11010011, 11010100, 11011100

#d3d4dc
```
#d3d4dc rgb(211,212,220)
```
#dcdbd3
```
#dcdbd3 rgb(220,219,211)
```

Complementary Color

#d3d9dc
```
#d3d9dc rgb(211,217,220)
```
#d3d4dc
```
#d3d4dc rgb(211,212,220)
```
#d7d3dc
```
#d7d3dc rgb(215,211,220)
```

Analogous Color

#d9dcd3
```
#d9dcd3 rgb(217,220,211)
```
#d3d4dc
```
#d3d4dc rgb(211,212,220)
```
#dcd7d3
```
#dcd7d3 rgb(220,215,211)
```

Split Complementary Color

#d4dcd3
```
#d4dcd3 rgb(212,220,211)
```
#d3d4dc
```
#d3d4dc rgb(211,212,220)
```
#dcd3d4
```
#dcd3d4 rgb(220,211,212)
```

Triadic Color

#d3dcdb
```
#d3dcdb rgb(211,220,219)
```
#d3d4dc
```
#d3d4dc rgb(211,212,220)
```
#dcd3d4
```
#dcd3d4 rgb(220,211,212)
```
#dcdbd3
```
#dcdbd3 rgb(220,219,211)
```

Tetradic Color

#a8aaba
```
#a8aaba rgb(168,170,186)
```
#b7b8c5
```
#b7b8c5 rgb(183,184,197)
```
#c5c6d1
```
#c5c6d1 rgb(197,198,209)
```
#d3d4dc
```
#d3d4dc rgb(211,212,220)
```
#e1e2e7
```
#e1e2e7 rgb(225,226,231)
```
#eff0f3
```
#eff0f3 rgb(239,240,243)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Monochromatic Color

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

#d3d6dc
```
#d3d6dc rgb(211,214,220)
```
#d3d6dc
```
#d3d6dc rgb(211,214,220)
```
#d3d5dc
```
#d3d5dc rgb(211,213,220)
```
#d3d4dc
```
#d3d4dc rgb(211,212,220)
```
#d3d3dc
```
#d3d3dc rgb(211,211,220)
```
#d4d3dc
```
#d4d3dc rgb(212,211,220)
```
#d4d3dc
```
#d4d3dc rgb(212,211,220)
```

Similar Colors

Text with hexadecimal color #d3d4dc

This text has a font color of #d3d4dc.

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

#d3d4dc background color

This paragraph has a background color of #d3d4dc.

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

#d3d4dc border color

This element has a border color of #d3d4dc.

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

CSS codes

.text {color:#d3d4dc;}

.background {background-color:#d3d4dc;}

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

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, #08090b is the darkest color, while #ffffff is the lightest one.

#08090b
```
#08090b rgb(8,9,11)
```
#111216
```
#111216 rgb(17,18,22)
```
#1a1b20
```
#1a1b20 rgb(26,27,32)
```
#23242b
```
#23242b rgb(35,36,43)
```
#2b2c36
```
#2b2c36 rgb(43,44,54)
```
#343541
```
#343541 rgb(52,53,65)
```
#3d3e4c
```
#3d3e4c rgb(61,62,76)
```
#454757
```
#454757 rgb(69,71,87)
```
#4e5062
```
#4e5062 rgb(78,80,98)
```
#57596d
```
#57596d rgb(87,89,109)
```
#5f6278
```
#5f6278 rgb(95,98,120)
```
#686b83
```
#686b83 rgb(104,107,131)
```
#71748e
```
#71748e rgb(113,116,142)
```

Shade Color Variation

#7c7f96
```
#7c7f96 rgb(124,127,150)
```
#87899f
```
#87899f rgb(135,137,159)
```
#9194a8
```
#9194a8 rgb(145,148,168)
```
#9c9fb1
```
#9c9fb1 rgb(156,159,177)
```
#a7a9b9
```
#a7a9b9 rgb(167,169,185)
```
#b2b4c2
```
#b2b4c2 rgb(178,180,194)
```
#bdbfcb
```
#bdbfcb rgb(189,191,203)
```
#c8c9d3
```
#c8c9d3 rgb(200,201,211)
```
#d3d4dc
```
#d3d4dc rgb(211,212,220)
```
#dedfe5
```
#dedfe5 rgb(222,223,229)
```
#e9e9ed
```
#e9e9ed rgb(233,233,237)
```
#f4f4f6
```
#f4f4f6 rgb(244,244,246)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#d6d6d9
```
#d6d6d9 rgb(214,214,217)
```
#d3d4dc
```
#d3d4dc rgb(211,212,220)
```
#d0d2df
```
#d0d2df rgb(208,210,223)
```
#cdcfe2
```
#cdcfe2 rgb(205,207,226)
```
#cacde5
```
#cacde5 rgb(202,205,229)
```
#c7cbe8
```
#c7cbe8 rgb(199,203,232)
```
#c4c8eb
```
#c4c8eb rgb(196,200,235)
```
#c1c6ee
```
#c1c6ee rgb(193,198,238)
```
#bec3f1
```
#bec3f1 rgb(190,195,241)
```
#bbc1f4
```
#bbc1f4 rgb(187,193,244)
```
#b8bff7
```
#b8bff7 rgb(184,191,247)
```
#b5bcfa
```
#b5bcfa rgb(181,188,250)
```
#b2bafd
```
#b2bafd rgb(178,186,253)
```

Tone Color Variation

Below, you can see how #d3d4dc 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
#d5d5d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d5dd Protanopia 1% of men
#e6d0df Deuteranopia 1% of men
#d6d5e4 Tritanopia 0.001% of the population

Trichromacy

#d6d4dc Protanomaly 1% of men, 0.01% of women
#dfd1de Deuteranomaly 6% of men, 0.4% of women
#d5d4e1 Tritanomaly 0.01% of the population

#d3d4dc hex color

#d3d4dc Color Information

#d3d4dc Color Conversion

Color Schemes with #d3d4dc

Alternatives to #d3d4dc

#d3d4dc Preview

Shades and Tints of #d3d4dc

Tones of #d3d4dc

Color Blindness Simulator