#D1D6D3

Light Gray

HEX

RGB

HSL

About #D1D6D3 Light Gray

#D1D6D3 is a light gray color. In the RGB color model, it is composed of 209 red, 214 green, and 211 blue. In the HSL color space, it has a hue of 144°, saturation of 6%, and lightness of 83%.

This color has a high lightness value, making it a light color suitable for backgrounds. With low saturation, it appears muted and subtle.

CSS Code

Use #D1D6D3 in your CSS, SCSS, or Tailwind projects.

Color Properties

144°

Hue

6%

Saturation

83%

Lightness

Light Gray

Color Harmonies

Colors that work well with #D1D6D3 based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #D1D6D3 against white and black backgrounds.

Aa#D1D6D3 on White
Contrast Ratio1.47:1
AA AA Large AAA
Aa#D1D6D3 on Black
Contrast Ratio14.27:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #D1D6D3 across different color formats.

FormatValue
HEX#D1D6D3
RGBrgb(209, 214, 211)
HSLhsl(144, 6%, 83%)
RGB Decimal209, 214, 211
RGB Percent82.0%, 83.9%, 82.7%
CMYK (approx.)2%, 0%, 1%, 16%

Related Palettes

12 palettes using #D1D6D3 or similar colors

#C4D5C3#D2DFD4#E1EAE4#EFF6F2
#C3D8C0#D3DFD3#E1EAE3#F0F5F2
#C0D8C1#D3DFD6#DEEDE4#EFF5F3
#C0D8C2#D3DFD6#E0EBE5#EFF5F3
#C9D6C2#D5DFD2#E1EBE0#EFF5F0
#C4D7C1#D1E0D2#DFECE2#F0F4F2
#C5D5C3#D2E0D3#E0EBE3#F0F5F2
#BDDBC5#D3DFD8#E0EBE7#EFF5F4
#C1D7C3#D2E0D6#E1EAE5#F0F4F3
#C2D6C8#D3DFD9#DEEDE8#F0F5F4
#CBD5C3#D6E0D2#E1ECDF#F0F5F0
#CADBBD#D6E0D1#E2EAE1#F0F4F0