DarkSlateGray Color

Learn about DarkSlateGray (#2f4f4f): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#2f4f4f
HEX #2f4f4f
RGB rgb(47, 79, 79)
HSL 180°, 25%, 25%

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

text colordark UImodern themescode editorsnight mode

Shades & Tints of DarkSlateGray

#ffffff
#cbd3d3
#97a7a7
#637b7b
#2f4f4f
#233b3b
#182828
#0c1414
#000000

Complementary Color

#2f4f4f
#503030

Analogous Colors

#305040
#2f4f4f
#304050

CSS Code

.darkslategray-color {
  color: #2f4f4f;
}

Contrast Recommendations

Black text on DarkSlateGray
Ratio: 2.35:1 ✗ Fails AA ✗ Fails AAA
White text on DarkSlateGray
Ratio: 8.93:1 ✓ Passes AA ✓ Passes AAA

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.