#D3D2DF

Color Details

HEX
#D3D2DF
RGB
rgb(211, 210, 223)
HSL
hsl(245, 17%, 85%)
CMYK
cmyk(5%, 6%, 0%, 13%)
Best text on this color #000000 (CR 14.05:1) Determined by WCAG contrast ratio

Readability Previews

Black on #d3d2df
Contrast 14.05:1 AAA
White on #d3d2df
Contrast 1.49:1 Fail
#d3d2df on Black
Contrast 14.05:1 AAA
#d3d2df on White
Contrast 1.49:1 Fail

Tints & Shades

#dcdbe5
#e5e4ec
#ededf2
#a9a8b2
#7f7e86
#545459

Complement & Analogous

#dedfd2
#dad0e1
#d0d7e1

Triadic

#dfd3d2
#d2dfd3

Monochrome

#545459 #7f7e86 #d3d2df #e5e4ec #ededf2 #f6f6f9

Analogous

#d0d7e1 #dee3ea #d3d2df #e1d9e7 #dad0e1 #aea6b4

Complementary Mix

#7f7e86 #d3d2df #e5e4ec #dedfd2 #eaeae2 #909189

Nearby Colors

#d3d2de
#d3d2e0
#d3d2cf
#d3d2ef

Embed #D3D2DF swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #D3D2DF

#D3D2DF converts to RGB(211, 210, 223) and HSL(245, 17%, 85%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#D3D2DF FAQs

What is the RGB value of #D3D2DF?
RGB: 211, 210, 223. Copy as CSS: rgb(211, 210, 223)
Is #D3D2DF a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #D3D2DF?
Complement: #dedfd2.
Does #D3D2DF have good contrast on white or black?
On white: 1.49:1 (Fails AA). On black: 14.05:1 (AAA (normal text)).