Light Gray Color — #D3D3D3 HEX Code

Use #D3D3D3 in a real interface

Exact match in the Color Match reference list: Light Gray. Reference names are browsing labels; not every name is a CSS keyword.

This value falls short for normal text on white. Try it as an accent surface with the tested label below, or use the contrast fixer for a darker text role.

A passing foreground/background check covers that pair only. Inspect focus, hover and meaningful boundaries against their actual neighbors.

:root {
  --surface: #D3D3D3;
  --text: #111827;
  --accent: #D3D3D3;
  --on-accent: #000000;
}