Gray Color — #808080 HEX Code

Use #808080 in a real interface

Exact match in the Color Match reference list: 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: #808080;
  --text: #111827;
  --accent: #808080;
  --on-accent: #000000;
}