Skip to the color picker

Light gray color: #d3d3d3

Light gray is #d3d3d3, rgb(211, 211, 211) in RGB and oklch(86.686% 0 0) in OKLCH. Every other format, shades, matching colors and palettes are below.

Read as HEX

0°
100%

86.7%
0.000
0°
  • Gray
  • Very light
  • Muted
  • Neutral
  • neutral-300
  • Black 17%

Inside sRGB: displays the same on any screen.

White text
1.50:1Hard to read
Lc -26
Black text
14.03:1Readable · AA
Lc 80

Shades

From lightest to darkest. Click a shade to use it.

Harmonies

Recent

Colors you stop on or copy appear here. They stay on this device.

Also called: Light grey

Palettes with Light gray

Similar named colors

Questions about Light gray

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%, 82.75%) and in OKLCH oklch(86.686% 0 0).

What colors go well with Light gray?

Its complementary color is #d3d3d3. For a calmer look, pair it with the analogous colors #d3d3d3 and #d3d3d3. Ready palettes with Light gray are shown on this page.

Is Light gray a warm or cool color?

Light gray is a neutral color with an OKLCH hue of 0 degrees.

What text color is readable on Light gray?

Black text is more readable on Light gray: white gives a contrast ratio of 1.5:1 and black gives 14.03:1. WCAG AA asks for at least 4.5:1 for body text.

About #d3d3d3

#d3d3d3 is a very light gray color. In OKLCH it has 86.7% lightness, 0 chroma and a hue of 0°.

Inside sRGB: displays the same on any screen.

White text on it reaches 1.5:1 contrast and black text 14.03:1, so black text reads better.

The closest named color is Pinball (#d3d3d3). In Tailwind CSS the closest color is neutral-300.

More very light gray colors

Lighter: #d3d3d3 mixed with white

  1. d3d3d3
  2. dcdcdc

Darker: #d3d3d3 mixed with black

  1. d3d3d3
  2. 696969

Calmer: #d3d3d3 with less saturation

  1. d3d3d3
  2. d3d3d3
  3. d3d3d3
  4. d3d3d3
  5. d3d3d3
  6. d3d3d3
  7. d3d3d3
  8. d3d3d3
  9. d3d3d3
  10. d3d3d3

Similar named colors

Colors that go with #d3d3d3