#2f4f4f rgb(47, 79, 79) 180°, 25%, 25% Use DarkSlateGray in Your Projects
About DarkSlateGray Color
DarkSlateGray is a very dark, cool gray-blue that provides excellent contrast for text. It is a popular alternative to pure black in modern UI design.
Use Cases for DarkSlateGray
Shades & Tints of DarkSlateGray
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.darkslategray-color {
color: #2f4f4f;
background-color: #2f4f4f;
}
/* As a CSS custom property */
:root {
--color-darkslategray: #2f4f4f;
}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 DarkSlateGray?
DarkSlateGray is represented by the hex code #2f4f4f and has RGB values of rgb(47, 79, 79). It falls under the Gray category.
How to use DarkSlateGray in web design?
DarkSlateGray works well for text color, dark UI, modern themes. DarkSlateGray is a very dark, cool gray-blue that provides excellent contrast for text. It is a popular alternative to pure black in modern UI design. Use it as a primary color, accent, or background depending on your design needs.
What colors go with DarkSlateGray?
Colors that pair well with DarkSlateGray include slategray, lightslategray, dimgray, black, teal. For a complementary scheme, try #503030. For an analogous scheme, use #305040 and #304050. For a triadic scheme, combine with #503050 and #505030.