Dark Slate Gray Color (#2F4F4F)

Dark Slate Gray hex and RGB values

The CSS keyword darkslategray gives you #2F4F4F, or rgb(47, 79, 79). darkslategrey is another CSS name for the same value.

Dark Slate Gray is a deep teal-gray, also spelled darkslategrey in CSS. Try it as text on snow for a softer alternative to a black-and-white page.

Compare black and white text

White text has the higher contrast on dark slate gray: 8.93:1. The table compares both options against all four text thresholds, using the unrounded values for pass or fail.

Try dark slate gray in a layout

The CSS sample below uses white text on #2F4F4F. Preview a 16 px label and a 24 px heading to compare normal and large text. Swap the colors to try dark slate gray as the text color; the ratio stays the same.

.sample {
  background: #2F4F4F;
  color: #FFFFFF;
}

Copy the exact color

Use the converter to copy HEX, RGB or HSL. If you edit in HSL, the final value is rounded to eight-bit sRGB so the preview and exported color agree. For text over an image, gradient or translucent layer, check the finished design separately.