Online Tools HarborLight Slate Grey color codes
| CSS name | lightslategrey |
|---|---|
| HEX | #778899 |
| RGB | rgb(119, 136, 153) |
| HSL | hsl(210, 14%, 53%) |
| CMYK | cmyk(22%, 11%, 0%, 40%) |
| Decimal | 7833753 |
Shades of Light Slate Grey (darker)
#6B7A8A · #5F6D7A · #535F6B · #47525C · #3C444D · #30363D · #24292E · #181B1F · #0C0E0F
Tints of Light Slate Grey (lighter)
#8594A3 · #92A0AD · #A0ACB8 · #ADB8C2 · #BBC4CC · #C9CFD6 · #D6DBE0 · #E4E7EB · #F1F3F5
Color harmonies
| Complementary | #988776 |
|---|---|
| Triadic | #987687, #879876 |
| Analogous | #769898, #767698 |
Accessibility (WCAG contrast)
| White text on Light Slate Grey | 3.64:1 · AA large text only |
|---|---|
| Black text on Light Slate Grey | 5.77:1 · AA |
Use Light Slate Grey in code
.element {
color: lightslategrey; /* or #778899 */
background-color: rgb(119 136 153 / 0.5);
}Frequently asked questions
What is the hex code for Light Slate Grey?
Light Slate Grey is #778899 in HEX, rgb(119, 136, 153) in RGB and hsl(210, 14%, 53%) in HSL.
Can I use "lightslategrey" directly in CSS?
Yes. "lightslategrey" is one of the 148 standard CSS named colors, so color: lightslategrey; works in every browser.
Is Light Slate Grey readable on white?
The contrast ratio of Light Slate Grey on white is 3.64:1 (WCAG AA large text only). On black it is 5.77:1 (AA).
What is the complementary color of Light Slate Grey?
The complementary color (opposite on the color wheel) is #988776.
Similar colors
Slate Gray#708090Slate Grey#708090Gray#808080Grey#808080Cadet Blue#5F9EA0Steel Blue#4682B4Dark Sea Green#8FBC8FDim Gray#696969
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.