#D3D1E8

Color Details

HEX
#D3D1E8
RGB
rgb(211, 209, 232)
HSL
hsl(245, 33%, 86%)
CMYK
cmyk(9%, 10%, 0%, 9%)
Best text on this color #000000 (CR 14.06:1) Determined by WCAG contrast ratio

Readability Previews

Black on #d3d1e8
Contrast 14.06:1 AAA
White on #d3d1e8
Contrast 1.49:1 Fail
#d3d1e8 on Black
Contrast 14.06:1 AAA
#d3d1e8 on White
Contrast 1.49:1 Fail

Tints & Shades

#dcdaed
#e5e3f1
#ededf6
#a9a7ba
#7f7d8b
#54545d

Complement & Analogous

#e5e7d0
#ddd0e7
#d0d9e7

Triadic

#e7d1d0
#d0e7d1

Monochrome

#54545d #7f7d8b #d3d1e8 #e5e3f1 #ededf6 #f6f6fa

Analogous

#d0d9e7 #dee4ee #d3d1e8 #e4d9ec #ddd0e7 #b1a6b9

Complementary Mix

#7f7d8b #d3d1e8 #e5e3f1 #e5e7d0 #eeefe0 #959687

Nearby Colors

#d3d1e7
#d3d1e9
#d3d1d8
#d3d1f8

Embed #D3D1E8 swatch

Embed this swatch

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

Open image

About #D3D1E8

#D3D1E8 converts to RGB(211, 209, 232) and HSL(245, 33%, 86%). 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).

#D3D1E8 FAQs

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