#708090 rgb(112, 128, 144) 210°, 13%, 50% Use SlateGray in Your Projects
About SlateGray Color
SlateGray is a medium, cool blue-gray that provides a professional, understated tone. It is widely used for secondary text, meta information, and subdued UI elements.
Use Cases for SlateGray
Shades & Tints of SlateGray
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.slategray-color {
color: #708090;
background-color: #708090;
}
/* As a CSS custom property */
:root {
--color-slategray: #708090;
}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 SlateGray?
SlateGray is represented by the hex code #708090 and has RGB values of rgb(112, 128, 144). It falls under the Gray category.
How to use SlateGray in web design?
SlateGray works well for secondary text, meta info, subdued UI. SlateGray is a medium, cool blue-gray that provides a professional, understated tone. It is widely used for secondary text, meta information, and subdued UI elements. Use it as a primary color, accent, or background depending on your design needs.
What colors go with SlateGray?
Colors that pair well with SlateGray include lightslategray, darkslategray, gray, steelblue, cadetblue. For a complementary scheme, try #90806f. For an analogous scheme, use #6f9090 and #6f6f90. For a triadic scheme, combine with #906f80 and #80906f.