Huebook

Light Grey Analogous Color Scheme

Five colors arranged by the analogous rule around Light Grey (#D8DCD6), each snapped to its nearest named color.

#E3DBD0
#DCE3D1
#D8DCD6
#D2E2D5
#CEE3DC

Color names and codes

NameHEXRGBHSLCMYK
Light Male#E3DBD0227, 219, 20835°, 25%, 85%0, 4, 8, 11
Mystical Sea#DCE3D1220, 227, 20983°, 24%, 85%3, 0, 8, 11
Light Grey#D8DCD6216, 220, 214100°, 8%, 85%2, 0, 3, 14
Minty Delight#D2E2D5210, 226, 213131°, 22%, 85%7, 0, 6, 11
Dew Not Disturb#CEE3DC206, 227, 220160°, 27%, 85%9, 0, 3, 11

Which pairs work for text

Text on backgroundContrastWCAG
Aa #DCE3D1 on #D8DCD61.05:1—
Aa #E3DBD0 on #DCE3D11.04:1—
Aa #D8DCD6 on #CEE3DC1.03:1—
Aa #D8DCD6 on #D2E2D51.03:1—
Aa #DCE3D1 on #D2E2D51.02:1—
Aa #E3DBD0 on #CEE3DC1.02:1—

CSS variables

:root {
  --color-1: #e3dbd0; /* Light Male */
  --color-2: #dce3d1; /* Mystical Sea */
  --color-3: #d8dcd6; /* Light Grey */
  --color-4: #d2e2d5; /* Minty Delight */
  --color-5: #cee3dc; /* Dew Not Disturb */
}

Other schemes from Light Grey

More Very Light Gray analogous palettes

Questions

What colors go with Light Grey?

In a analogous scheme: Light Male (#E3DBD0), Mystical Sea (#DCE3D1), Minty Delight (#D2E2D5), Dew Not Disturb (#CEE3DC).

What is the hex code of Light Grey?

#D8DCD6.