CSS named color
LightGray Color Code
LightGray is a light gray with the hex code #D3D3D3. In RGB it is rgb(211, 211, 211), in HSL hsl(0, 0%, 83%) and in CMYK cmyk(0%, 0%, 0%, 17%).
Color values
In CSS you can write it as the keyword lightgray.
White text on LightGray has a contrast ratio of 1.50:1 and black text 14.03:1, so black text is the more readable choice.
The closest Tailwind CSS color is Neutral 300 (#D4D4D4).
Use LightGray in CSS
.element {
color: lightgray;
background-color: #d3d3d3;
border-color: rgb(211, 211, 211);
}Tints and shades of LightGray
Ten steps from light to dark at the same hue. Click any swatch to copy it.
Colors that go with LightGray
Color-wheel harmonies built from #D3D3D3. Click a swatch to copy it or open the set in the color wheel.
Split complementary
Open in color wheelA base plus the two neighbors of its complement — contrast with less tension.
Text contrast on LightGray
Colors similar to LightGray
Closest CSS named colors
Closest traditional Chinese colors
Closest Tailwind colors
Palettes with similar colors
Questions about LightGray
What is the hex code for LightGray?
The hex code for LightGray is #D3D3D3. Its RGB value is rgb(211, 211, 211) and its HSL value is hsl(0, 0%, 83%).
What colors go with LightGray?
The complementary color of LightGray is #D4D4D4. For a softer scheme try the analogous colors #D4D4D4 and #D4D4D4; for a balanced three-color scheme use the triadic colors #D4D4D4 and #D4D4D4.
Is LightGray readable as a text color?
On a white background LightGray has a contrast ratio of 1.50:1, which does not pass WCAG AA for normal text (4.5:1). On black it reaches 14.03:1.