Dark Slate Gray #2F4F4F

Dark Slate Gray#2F4F4F · rgb(47, 79, 79)

Dark Slate Gray color codes

CSS namedarkslategray
HEX#2F4F4F
RGBrgb(47, 79, 79)
HSLhsl(180, 25%, 25%)
CMYKcmyk(41%, 0%, 0%, 69%)
Decimal3100495

Shades of Dark Slate Gray (darker)

#2A4747 · #263F3F · #213737 · #1C2F2F · #182828 · #132020 · #0E1818 · #091010 · #050808

Tints of Dark Slate Gray (lighter)

#446161 · #597272 · #6D8484 · #829595 · #97A7A7 · #ACB9B9 · #C1CACA · #D5DCDC · #EAEDED

Color harmonies

Complementary
#503030
Triadic
#503050, #505030
Analogous
#305040, #304050

Accessibility (WCAG contrast)

White text on Dark Slate Gray8.93:1 · AAA
Black text on Dark Slate Gray2.35:1 · Fail

Use Dark Slate Gray in code

.element {
  color: darkslategray;          /* or #2f4f4f */
  background-color: rgb(47 79 79 / 0.5);
}

Frequently asked questions

What is the hex code for Dark Slate Gray?

Dark Slate Gray is #2F4F4F in HEX, rgb(47, 79, 79) in RGB and hsl(180, 25%, 25%) in HSL.

Can I use "darkslategray" directly in CSS?

Yes. "darkslategray" is one of the 148 standard CSS named colors, so color: darkslategray; works in every browser.

Is Dark Slate Gray readable on white?

The contrast ratio of Dark Slate Gray on white is 8.93:1 (WCAG AAA). On black it is 2.35:1 (Fail).

What is the complementary color of Dark Slate Gray?

The complementary color (opposite on the color wheel) is #503030.

Similar colors

Dark Olive Green#556B2FSea Green#2E8B57Midnight Blue#191970Dark Slate Blue#483D8BDim Gray#696969Dim Grey#696969Forest Green#228B22Teal#008080

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.