CSS named color
LightGray
#D3D3D3
HEX
#d3d3d3RGB
rgb(211, 211, 211)HSL
hsl(0, 0%, 83%)OKLCH
oklch(86.69% 0.0000 89.88)NAME
lightgrayPalette
Complementary
180° on the color wheelComplement
#D4D4D4
Analogous
±30° around the base hueLeft
#D4D4D4
Right
#D4D4D4
Triadic
±120° for harmonic contrastTriad 1
#D4D4D4
Triad 2
#D4D4D4
Shades
Lighter and darker variantsCSS usage
By name
color: lightgray;
background-color: lightgray;By HEX
color: #d3d3d3;
background-color: #d3d3d3;By RGB
color: rgb(211, 211, 211);
background-color: rgb(211, 211, 211);By HSL
color: hsl(0, 0%, 83%);
background-color: hsl(0, 0%, 83%);WCAG contrast vs white
Aa
1.50:1
Below minimum
WCAG contrast vs black
Aa
14.03:1
AAA
Related colors
FAQ — LightGray
What is the HEX code for LightGray?
The HEX code for LightGray is #D3D3D3. It's one of the 148 named CSS colors and can be used directly in CSS as color: lightgray; or color: #d3d3d3;
What is LightGray in RGB?
LightGray in RGB is rgb(211, 211, 211) — red 211, green 211, blue 211.
What is LightGray in HSL?
LightGray in HSL is hsl(0, 0%, 83%) — hue 0°, saturation 0%, lightness 83%.
What is the complementary color of LightGray?
The complementary color (directly opposite LightGray on the color wheel) is #D4D4D4. The two together produce maximum contrast.
Is white text readable on LightGray?
The WCAG contrast ratio against white (#FFFFFF) is 1.50:1, and against black (#000000) it's 14.03:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.