Light gray color

A bright gray called lightgray in CSS. It's soft and understated. It's great for borders, backgrounds and Scandinavian-style walls.

Also known as: light grey, lightgray.

Light gray · #D3D3D3

About light gray

Light gray (#D3D3D3) is a neutral, light, almost unsaturated color. It belongs to the grays family. It mixes 211 red, 211 green and 211 blue (out of 255). It is mostly used in web, home decor.

Light gray shades and tints

From lightest to darkest. Tap a shade to copy its code.

Light gray color harmonies

Combinations based on the color wheel. More in the color harmony tool.

Complementary

Analogous

Triadic

Split complementary

Tetradic

Light gray color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Light gray

Analogous palette · Light gray

Complementary palette · Light gray

Triadic palette · Light gray

With neutrals palette · Light gray

With an accent palette · Light gray

Light gray contrast with text

White textContrast 1.5:1 · Not recommended

Black textContrast 14.0:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --light-gray: #D3D3D3;
  --light-gray-rgb: 211, 211, 211;
}
.bg { background-color: var(--light-gray); }
.text { color: var(--light-gray); }

Colors similar to light gray

Pearl gray Platinum Silver Alabaster Bone Ash gray Pastel blue White smoke Linen Ecru

Themed palettes with this color

More grays

Gray Dark gray Silver Charcoal gray Slate gray Ash gray Pearl gray Oxford gray Graphite Taupe Steel gray Lead gray Smoke gray Stone gray Platinum Blue gray Greige

Frequently asked questions

What is the hex code for light gray?

The hex code for light gray is #D3D3D3. In RGB it is rgb(211, 211, 211), in HSL hsl(0, 0%, 83%) and in CMYK 0, 0, 0, 17.

What is the complementary color of light gray?

Its complement on the color wheel is #D3D3D3, close to light gray. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on light gray?

Use black text instead: the contrast with white is only 1.5:1, while with black it is 14.0:1.