Maroon Colors  ·  Color Library

Palettes / Colors / #D0C8CA

#D0C8CA — Mist Grey

#D0C8CA is a gray color we call Mist Grey, closest to the named color Thistle (#D8BFD8). It belongs to the gray family.

#D0C8CA is a neutral gray color associated with neutrality and professionalism. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #C8D0CE; it also sits naturally between #D0C8CE and #D0CAC8. In the palettes below you can see it working alongside real color combinations from our collection.

#D0C8CA · RGB 208, 200, 202

Download PNG swatch SVG

Color values

HEX#D0C8CA
RGB208, 200, 202
HSL345°, 8%, 80%
HSV345°, 4%, 82%
CMYK0%, 4%, 3%, 18%
XYZ57.33, 58.98, 64.24
Yxy58.98, 0.3175, 0.3267
CIE-Lab81.28, 3.13, -0.02
Hunter Lab76.80, 2.99, -0.01

RGB & CMYK percentages

Red 82% · Green 78% · Blue 79%

Cyan 0% · Magenta 4% · Yellow 3% · Key 18%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #D0C8CA on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #D0C8CA on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #D0C8CA

.text { color: #D0C8CA; }
.background { background-color: #D0C8CA; }
.border { border: 3px solid #D0C8CA; }
.text-rgb { color: rgb(208, 200, 202); }
.text-hsl { color: hsl(345, 8%, 80%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #D0C8CA; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(208, 200, 202, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #D0C8CA; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(208, 200, 202, 0.8); }

HTML: <p style="color:#D0C8CA">Text here</p> · <div style="background-color:#D0C8CA">Div content here</div>

Shades of #D0C8CA

#BDB2B5#AD9FA2#9A898D#8A757A#746367#5E5053#4A3F42#342D2F#211C1D#0B090A

Tints of #D0C8CA

#D5CDCF#D7D0D2#DCD6D7#DED8DA#E3DEDF#E8E3E4#EAE6E7#EFECEC#F1EEEF#F6F4F4

Tones of #D0C8CA

#D0C8CA#CFC9CA#CFC9CB#CECACB#CDCBCB#CDCBCC

Color harmonies

Complementary — #C8D0CE:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.64:1 Fails
Against black text12.80:1 AAA

Best text color on #D0C8CA: #000000.

How #D0C8CA looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #CDCCCADeuteranopia · #CDCEC9Tritanopia · #D0C9C9

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Material Grey 500 · #9E9E9EBootstrap light · #F8F9FATailwind purple 500 · #A855F7

Palettes with a similar color

These palettes use a close neighbour of #D0C8CA rather than the exact color:

Palette 777c6d
#777C6D · #B7B89F · #CBCBCB · #EEEEEE
Palette D9e4dd
#D9E4DD · #FBF7F0 · #CDC9C3 · #555555
Palette 7c9473
#7C9473 · #CFDAC8 · #E8EAE6 · #CDD0CB
Palette F0e5cf
#F0E5CF · #F7F6F2 · #C8C6C6 · #4B6587
Palette B4b4b8
#B4B4B8 · #C7C8CC · #E3E1D9 · #F2EFE5
Palette E4004b
#E4004B · #ED775A · #FAD691 · #C9CDCF

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#CBCBCB#CDC9C3#CDD0CB#C8C6C6#C7C8CC#C9CDCF#D0C9C0#C5C6C7#CCD3CA#CFD3CE#D9CFC7#D0D4CA

Browse neighbouring colors

← #D0C8C9  ·  #D0C8CB →

Frequently asked questions

What color is #D0C8CA?

#D0C8CA is Mist Grey, a gray color (RGB 208, 200, 202). Its closest standard named color is Thistle.

What is the RGB and HSL of #D0C8CA?

#D0C8CA is RGB 208, 200, 202 — HSL 345°, 8%, 80% — CMYK 0%, 4%, 3%, 18%.

What colors go with #D0C8CA?

Its complement is #C8D0CE; analogous partners are #D0C8CE and #D0CAC8. It also appears in 6+ palettes in our collection.

Can I use #D0C8CA for text?

Black text on #D0C8CA has a contrast ratio of 12.80:1 (passes WCAG AA); white text gives 1.64:1.