#D7C8CC

Color Details

HEX
#D7C8CC
RGB
rgb(215, 200, 204)
HSL
hsl(344, 16%, 81%)
CMYK
cmyk(0%, 7%, 5%, 16%)
Best text on this color #000000 (CR 13.02:1) Determined by WCAG contrast ratio

Readability Previews

Black on #d7c8cc
Contrast 13.02:1 AAA
White on #d7c8cc
Contrast 1.61:1 Fail
#d7c8cc on Black
Contrast 13.02:1 AAA
#d7c8cc on White
Contrast 1.61:1 Fail

Tints & Shades

#dfd3d6
#e7dee0
#efe9eb
#aca0a3
#81787a
#565052

Complement & Analogous

#c7d6d2
#d9c9c4
#d9c4d4

Triadic

#cbd6c7
#c7cbd6

Monochrome

#565052 #81787a #d7c8cc #e7dee0 #efe9eb #f7f4f5

Analogous

#d9c4d4 #e4d6e1 #d7c8cc #e1d4d0 #d9c9c4 #aea19d

Complementary Mix

#81787a #d7c8cc #e7dee0 #c7d6d2 #dbe4e2 #818b89

Nearby Colors

#d7c8cb
#d7c8cd
#d7c8bc
#d7c8dc

Embed #D7C8CC swatch

Embed this swatch

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

Open image

About #D7C8CC

#D7C8CC converts to RGB(215, 200, 204) and HSL(344, 16%, 81%). 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).

#D7C8CC FAQs

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