Colormapped
Color reference

Light Gray #D3D3D3

Light Gray is the CSS named color lightgray at #D3D3D3. The lightgrey spelling is an exact alias.

Light Gray is the CSS named color keyword lightgray, standardized at #D3D3D3 in sRGB.

Light Gray #D3D3D3 14.03:1 with black text

Color values

HEX#D3D3D3
RGBrgb(211, 211, 211)
HSLhsl(0 0% 83%)
HSV0°, 0%, 83%
CMYK0%, 0%, 0%, 17%

HEX/RGB/HSL/HSV are deterministic sRGB representations. CMYK here is a mathematical approximation, not a printer-profile conversion.

Black or white text?

Black text 14.03:1 — AA normal text passes
White text 1.50:1 — AA normal text fails

AA normal text: black passes; white fails.

AA large text: black passes; white fails.

WCAG contrast thresholds use 4.5:1 for normal text and 3:1 for large text. Do not round a near-threshold result upward when testing conformance.

Tints and shades of Light Gray

These steps are computed by RGB-mixing #D3D3D3 toward white or black. They are generated values, not official named colors.

80% tint #F6F6F6
60% tint #EDEDED
40% tint #E5E5E5
20% tint #DCDCDC
Base #D3D3D3
20% shade #A9A9A9
40% shade #7F7F7F
60% shade #545454
80% shade #2A2A2A

Need more control? Use the Tints and Shades Generator or Lighten / Darken tool.

CSS usage

.example {
  color: #000000;
  background-color: lightgray;
}

You can use either lightgray or #D3D3D3 in CSS; both resolve to the same sRGB color.