Dark Slate Gray hex code
The hex code for dark slate gray is #2F4F4F. In RGB that is rgb(47, 79, 79) and in HSL it is hsl(180, 25%, 25%).
The hex code for dark slate gray is #2F4F4F. In RGB that is rgb(47, 79, 79) and in HSL it is hsl(180, 25%, 25%).
Dark Slate Gray · #2F4F4F
Colour codes
- HEX
- #2F4F4F
- RGB
- rgb(47, 79, 79)
- HSL
- hsl(180, 25%, 25%)
- CMYK
- 41, 0, 0, 69
- CSS name
- darkslategray
- Contrast on white
- 8.93:1
- Contrast on black
- 2.35:1
Tints and shades
20% lighter · #597272
40% lighter · #829595
60% lighter · #acb9b9
80% lighter · #d5dcdc
20% darker · #263f3f
40% darker · #1c2f2f
60% darker · #132020
80% darker · #091010
Complementary colour
Dark Slate Gray · #2F4F4F
Opposite on the colour wheel · #503030
Frequently asked questions
What is the hex code for dark slate gray?
The hex code for dark slate gray is #2F4F4F. In RGB that is rgb(47, 79, 79) and in HSL it is hsl(180, 25%, 25%).
Can I use dark slate gray for text?
It has a contrast ratio of 8.93:1 on white and 2.35:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with dark slate gray?
Its complementary colour, opposite on the colour wheel, is #503030. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of dark slate gray instead.
Is dark slate gray a CSS colour name?
Yes. CSS accepts the keyword darkslategray, so color: darkslategray and color: #2F4F4F render exactly the same.