#778899 rgb(119, 136, 153) 210°, 14%, 53% Use LightSlateGray in Your Projects
About LightSlateGray Color
LightSlateGray is a medium, cool blue-gray that works well for secondary text and subdued UI elements. It adds a subtle, professional tone.
Use Cases for LightSlateGray
Shades & Tints of LightSlateGray
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.lightslategray-color {
color: #778899;
background-color: #778899;
}
/* As a CSS custom property */
:root {
--color-lightslategray: #778899;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
Frequently Asked Questions
What color is LightSlateGray?
LightSlateGray is represented by the hex code #778899 and has RGB values of rgb(119, 136, 153). It falls under the Gray category.
How to use LightSlateGray in web design?
LightSlateGray works well for secondary text, subdued UI, professional themes. LightSlateGray is a medium, cool blue-gray that works well for secondary text and subdued UI elements. It adds a subtle, professional tone. Use it as a primary color, accent, or background depending on your design needs.
What colors go with LightSlateGray?
Colors that pair well with LightSlateGray include slategray, darkslategray, gray, darkgray, steelblue. For a complementary scheme, try #988776. For an analogous scheme, use #769898 and #767698. For a triadic scheme, combine with #987687 and #879876.