- No data uploaded
- Instant results
Dark Slate Gray — #2F4F4F
Dark Slate Gray is the CSS named colour darkslategray, hex #2F4F4F. It has a contrast ratio of 8.93:1 on white and 2.35:1 on black — readable as text on white backgrounds (WCAG AA).
Dark Slate Gray — #2F4F4F
Contrast on white 8.93:1 · on black 2.35:1
Tints
Shades
Complementary
Triadic
Analogous
Using Dark Slate Gray in code
CSS: color: darkslategray; or color: #2F4F4F; · Tailwind: text-[#2F4F4F] · Android/Flutter: 0xFF2F4F4F
Dark Slate Gray colour harmonies
Complementary: #4F2F2F · Triadic: #4F2F4F, #4F4F2F · Analogous: #2F4F3F, #2F3F4F. Use tints for backgrounds and shades for hover states.
Dark Slate Gray in every colour format
| Format | Value |
|---|---|
| HEX | #2F4F4F |
| RGB | rgb(47, 79, 79) |
| HSL | hsl(180, 25%, 25%) |
| HSV | hsv(180, 41%, 31%) |
| CMYK | cmyk(41%, 0%, 0%, 69%) |
| CSS name | darkslategray |
| Contrast on white | 8.93:1 |
| Contrast on black | 2.35:1 |
Frequently asked questions
What is the hex code for Dark Slate Gray?
#2F4F4F (CSS name: darkslategray).
What is Dark Slate Gray in RGB?
rgb(47, 79, 79)
What colour goes well with Dark Slate Gray?
Its complementary colour #4F2F2F, or the analogous #2F4F3F and #2F3F4F.