#D2D7ED

Color Details

HEX
#D2D7ED
RGB
rgb(210, 215, 237)
HSL
hsl(229, 43%, 88%)
CMYK
cmyk(11%, 9%, 0%, 7%)
Best text on this color #000000 (CR 14.68:1) Determined by WCAG contrast ratio

Readability Previews

Black on #d2d7ed
Contrast 14.68:1 AAA
White on #d2d7ed
Contrast 1.43:1 Fail
#d2d7ed on Black
Contrast 14.68:1 AAA
#d2d7ed on White
Contrast 1.43:1 Fail

Tints & Shades

#dbdff1
#e4e7f4
#edeff8
#a8acbe
#7e818e
#54565f

Complement & Analogous

#eee9d3
#dcd3ee
#d3e5ee

Triadic

#eed3d8
#d8eed3

Monochrome

#54565f #7e818e #d2d7ed #e4e7f4 #edeff8 #f6f7fb

Analogous

#d3e5ee #e0edf3 #d2d7ed #e3dcf1 #dcd3ee #b0a9be

Complementary Mix

#7e818e #d2d7ed #e4e7f4 #eee9d3 #f4f1e2 #9b9789

Nearby Colors

#d2d7ec
#d2d7ee
#d2d7dd
#d2d7fd

Embed #D2D7ED swatch

Embed this swatch

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

Open image

About #D2D7ED

#D2D7ED converts to RGB(210, 215, 237) and HSL(229, 43%, 88%). 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).

#D2D7ED FAQs

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