Light Grey

Best set with black text. The pairing reaches 14.03:1 contrast and passes AAA for normal text.

Color values

copy exact values

HEX#D3D3D3sRGB hexadecimal

RGBrgb(211, 211, 211)screen channels

HSLhsl(0, 0%, 83%)hue, saturation, lightness

CMYKcmyk(0%, 0%, 0%, 17%)approximate process color

Tailwindneutral-300nearest palette utility, not an exact token

WCAG ratios

White textfails AA1.50:1

Black textAAA14.03:1

Recommendation

Use black text for the stronger built-in pairing. AA requires 4.5:1 for normal text; AAA requires 7:1.

generated in color space

Tonal ramp

#050505

#454545

#888888

#D3D3D3

#E0E0E0

#EDEDED

#FAFAFA

Analogous

#D3D3D3

Triadic

#D3D3D3

Complement

#D3D3D3

Lab distance · lower is closer

Exact alias: LightGray.

:root {
  --color-light-grey: #D3D3D3;
}

.swatch {
  background: var(--color-light-grey);
  color: #000000;
}

Hueneutral

Lightness85 L*

Chroma0.0

Luminance0.651