CSS named color
LightSlateGrey
#778899
HEX
#778899RGB
rgb(119, 136, 153)HSL
hsl(210, 14%, 53%)OKLCH
oklch(61.90% 0.0325 248.35)NAME
lightslategreyPalette
Complementary
180° on the color wheelComplement
#988776
Analogous
±30° around the base hueLeft
#769898
Right
#767698
Triadic
±120° for harmonic contrastTriad 1
#987687
Triad 2
#879876
Shades
Lighter and darker variantsCSS usage
By name
color: lightslategrey;
background-color: lightslategrey;By HEX
color: #778899;
background-color: #778899;By RGB
color: rgb(119, 136, 153);
background-color: rgb(119, 136, 153);By HSL
color: hsl(210, 14%, 53%);
background-color: hsl(210, 14%, 53%);WCAG contrast vs white
Aa
3.64:1
AA (large text)
WCAG contrast vs black
Aa
5.77:1
AA
Related colors
FAQ — LightSlateGrey
What is the HEX code for LightSlateGrey?
The HEX code for LightSlateGrey is #778899. It's one of the 148 named CSS colors and can be used directly in CSS as color: lightslategrey; or color: #778899;
What is LightSlateGrey in RGB?
LightSlateGrey in RGB is rgb(119, 136, 153) — red 119, green 136, blue 153.
What is LightSlateGrey in HSL?
LightSlateGrey in HSL is hsl(210, 14%, 53%) — hue 210°, saturation 14%, lightness 53%.
What is the complementary color of LightSlateGrey?
The complementary color (directly opposite LightSlateGrey on the color wheel) is #988776. The two together produce maximum contrast.
Is white text readable on LightSlateGrey?
The WCAG contrast ratio against white (#FFFFFF) is 3.64:1, and against black (#000000) it's 5.77:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.