Online Tools HarborDark Slate Grey color codes
| CSS name | darkslategrey |
|---|---|
| HEX | #2F4F4F |
| RGB | rgb(47, 79, 79) |
| HSL | hsl(180, 25%, 25%) |
| CMYK | cmyk(41%, 0%, 0%, 69%) |
| Decimal | 3100495 |
Shades of Dark Slate Grey (darker)
#2A4747 · #263F3F · #213737 · #1C2F2F · #182828 · #132020 · #0E1818 · #091010 · #050808
Tints of Dark Slate Grey (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 Grey | 8.93:1 · AAA |
|---|---|
| Black text on Dark Slate Grey | 2.35:1 · Fail |
Use Dark Slate Grey in code
.element {
color: darkslategrey; /* or #2f4f4f */
background-color: rgb(47 79 79 / 0.5);
}Frequently asked questions
What is the hex code for Dark Slate Grey?
Dark Slate Grey is #2F4F4F in HEX, rgb(47, 79, 79) in RGB and hsl(180, 25%, 25%) in HSL.
Can I use "darkslategrey" directly in CSS?
Yes. "darkslategrey" is one of the 148 standard CSS named colors, so color: darkslategrey; works in every browser.
Is Dark Slate Grey readable on white?
The contrast ratio of Dark Slate Grey on white is 8.93:1 (WCAG AAA). On black it is 2.35:1 (Fail).
What is the complementary color of Dark Slate Grey?
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.