CSS named color
LightGrey
#D3D3D3
HEX
#d3d3d3RGB
rgb(211, 211, 211)HSL
hsl(0, 0%, 83%)OKLCH
oklch(86.69% 0.0000 89.88)NAME
lightgreyPalette
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: lightgrey;
background-color: lightgrey;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 — LightGrey
What is the HEX code for LightGrey?
The HEX code for LightGrey is #D3D3D3. It's one of the 148 named CSS colors and can be used directly in CSS as color: lightgrey; or color: #d3d3d3;
What is LightGrey in RGB?
LightGrey in RGB is rgb(211, 211, 211) — red 211, green 211, blue 211.
What is LightGrey in HSL?
LightGrey in HSL is hsl(0, 0%, 83%) — hue 0°, saturation 0%, lightness 83%.
What is the complementary color of LightGrey?
The complementary color (directly opposite LightGrey on the color wheel) is #D4D4D4. The two together produce maximum contrast.
Is white text readable on LightGrey?
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.