Light Slate Gray hex code
The hex code for light slate gray is #778899. In RGB that is rgb(119, 136, 153) and in HSL it is hsl(210, 14%, 53%).
The hex code for light slate gray is #778899. In RGB that is rgb(119, 136, 153) and in HSL it is hsl(210, 14%, 53%).
Light Slate Gray · #778899
Colour codes
- HEX
- #778899
- RGB
- rgb(119, 136, 153)
- HSL
- hsl(210, 14%, 53%)
- CMYK
- 22, 11, 0, 40
- CSS name
- lightslategray
- Contrast on white
- 3.64:1
- Contrast on black
- 5.77:1
Tints and shades
20% lighter · #92a0ad
40% lighter · #adb8c2
60% lighter · #c9cfd6
80% lighter · #e4e7eb
20% darker · #5f6d7a
40% darker · #47525c
60% darker · #30363d
80% darker · #181b1f
Complementary colour
Light Slate Gray · #778899
Opposite on the colour wheel · #988776
Frequently asked questions
What is the hex code for light slate gray?
The hex code for light slate gray is #778899. In RGB that is rgb(119, 136, 153) and in HSL it is hsl(210, 14%, 53%).
Can I use light slate gray for text?
It has a contrast ratio of 3.64:1 on white and 5.77:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with light slate gray?
Its complementary colour, opposite on the colour wheel, is #988776. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of light slate gray instead.
Is light slate gray a CSS colour name?
Yes. CSS accepts the keyword lightslategray, so color: lightslategray and color: #778899 render exactly the same.