Light Gray `#D3D3D3`

Also known as Light Grey.

Light Gray (#D3D3D3) is a near-white neutral with an OKLCH hue of 90°, lightness 0.87 and chroma 0. In practice it behaves as a background color — quiet over large surfaces.

Color values

HEX	`#D3D3D3`
RGB	`rgb(211, 211, 211)`
HSL	`hsl(0, 0%, 83%)`
HSV	`hsv(0, 0%, 83%)`
CMYK	`cmyk(0%, 0%, 0%, 17%)`
CIE Lab	`lab(84.6 0 0)`
OKLCH	`oklch(0.867 0.000 90)`

How Light Gray behaves under real light

Under warm 2700K interior light Light Gray shifts subtly: takes on a orange cast, gains intensity; in north-facing or shaded light it is virtually unchanged. Overall drift across common illuminants is small (max ΔE ≈ 2), so it is a lighting-stable choice.

Warm interior (2700K incandescent / warm LED): → #dbcec5 — ΔE 2.0, shifts subtly: takes on a orange cast, gains intensity
Neutral LED (4000K task and retail lighting): → #dad4cf — ΔE 1.2, shifts only faintly, with no single dominant change
Daylight (6500K standard daylight (reference)): → #d3d3d3 — ΔE 0.0, is virtually unchanged
North light / shade (~7500K diffuse blue-sky light): → #d3d4d6 — ΔE 0.4, is virtually unchanged

Contrast & accessibility

Against white it measures 1.5:1 and against black 14.03:1, so black text is the stronger pairing. That pairing passes WCAG AA for body text. Avoid white text on this color entirely.

Palettes built from Light Gray

Tonal

One color explored: close hues with real lightness and chroma structure, so the palette is the anchor through value rather than a set of colors.

#f2f2f2 · #d3d3d3 · #a2a2a2 · #7c7c7c · #595959 · #383838

Analogous

The anchor's neighbours on the wheel — everything shares an undertone, so the chord carries color without anything having to be muted to get along.

#d3d3d3 · #dcba8c · #cfa382 · #be8e7b · #ab7a75 · #95686f

Shifted

The mid-gap pairing — sage and mustard, terracotta and olive. A foil rotated 40–65° toward warm or cool: too far to be kin, too near to argue, carried by temperature and a deliberate value offset.

#d3d3d3 · #a6baa4 · #a49367 · #5d8258 · #675931 · #334530

Contrast

One deliberately opposed voice — a single restrained counterpoint across the wheel, or temperature against temperature where the anchor is too muted to carry a loud opposite.

#d3d3d3 · #b6b0a0 · #988e72 · #495784 · #39311b · #1c1709

Quiet Support

The anchor as the only color in the room. True neutrals or complement-warmed near-neutrals let it stay dominant.

#d3d3d3 · #b4b6bd · #837f76 · #4b4c51 · #221f15 · #010102

Bright Accent

This color as a ground rather than a subject — its own restraint held across a narrow value band, carrying one saturated voice from the opposite temperature.

#d3d3d3 · #9c9c9c · #3f3f3f · #222222 · #030303 · #e7c04d

Complementary

The opposite hue on the perceptual wheel, tempered to field strength — warm/cool tension without vibration.

#d3d3d3 · #b1b6c5 · #717ea4 · #3d4a76 · #131c3d · #0b0500

Split-complementary

The complement's two neighbours instead of the complement itself — strong contrast with a lower clash risk.

#d3d3d3 · #b1b6c5 · #5e85a0 · #53436f · #002237 · #020006

Triadic

Three hues spaced evenly around the wheel; the anchor leads and the other two are held at supporting strength.

#d3d3d3 · #a7bbbe · #528a93 · #633d60 · #2f122d · #000305

Tetradic

Two complementary pairs offset by 90° — the richest chord, kept usable by a strict lightness hierarchy.

#d3d3d3 · #a8bbb7 · #568c81 · #3d4a76 · #36101e · #000008

Tints, shades & muted variants

Tints

#dadada · #e2e2e2 · #e9e9e9 · #f0f0f0 · #f8f8f8

Shades

#b0b0b0 · #8d8d8d · #6a6a6a · #464646 · #232323

Using Light Gray

Its high lightness and low chroma make it a natural background or large-surface color.