#D2DCDC

Color Details

HEX
#D2DCDC
RGB
rgb(210, 220, 220)
HSL
hsl(180, 13%, 84%)
CMYK
cmyk(5%, 0%, 0%, 14%)
Best text on this color #000000 (CR 15.01:1) Determined by WCAG contrast ratio

Readability Previews

Black on #d2dcdc
Contrast 15.01:1 AAA
White on #d2dcdc
Contrast 1.40:1 Fail
#d2dcdc on Black
Contrast 15.01:1 AAA
#d2dcdc on White
Contrast 1.40:1 Fail

Tints & Shades

#dbe3e3
#e4eaea
#edf1f1
#a8b0b0
#7e8484
#545858

Complement & Analogous

#dcd1d1
#cdd6df
#cddfd6

Triadic

#dcd1dc
#dcdcd1

Monochrome

#545858 #7e8484 #d2dcdc #e4eaea #edf1f1 #f6f8f8

Analogous

#cddfd6 #dce9e2 #d2dcdc #d7dee5 #cdd6df #a4abb2

Complementary Mix

#7e8484 #d2dcdc #e4eaea #dcd1d1 #e8e1e1 #8f8888

Nearby Colors

#d2dcdb
#d2dcdd
#d2dccc
#d2dcec

Embed #D2DCDC swatch

Embed this swatch

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

Open image

About #D2DCDC

#D2DCDC converts to RGB(210, 220, 220) and HSL(180, 13%, 84%). 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).

#D2DCDC FAQs

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