Dark Slate Gray Color (#2F4F4F)
Dark Slate Gray is a CSS named color defined as hex code #2F4F4F. Dark Slate Gray is a very dark gray with a subtle teal tint (hue 180°, saturation 25%). It is softer than black.
Color Overview & Formats
darkslategrayLuminance: 0.0676| Format | Syntax / Values | Notes | Action |
|---|---|---|---|
| HEX | #2F4F4F | 6-digit hex web code | |
| RGB | rgb(47, 79, 79) | Red, Green, Blue channels (0-255) | |
| HSL | hsl(180, 25%, 25%) | Hue (180°), Saturation (25%), Lightness (25%) | |
| HSV / HSB | hsv(180, 41%, 31%) | Hue, Saturation (41%), Value/Brightness (31%) | |
| CMYK | cmyk(41%, 0%, 0%, 69%) | Digital mathematical approximation (non-print) | |
| OKLCH | oklch(0.403 0.038 195.8) | Perceptually uniform color space (CSS Color 4 approximation) |
background-color: #2F4F4F; /* or darkslategray */- Select color format: Choose the desired format (HEX #2F4F4F, RGB, or HSL).
- Copy the code: Click the copy button or press Tab+Enter to store in clipboard.
- Pair with white text: White text on Dark Slate Gray reaches 8.93:1 (WCAG AAA).
What Colors Go With Dark Slate Gray?
These 6 colors all go well with Dark Slate Gray (#2F4F4F), and each one is a standard CSS named color. The ratio is the WCAG 2.2 contrast of that color on Dark Slate Gray: at 4.5:1 or above it works for text; below that, use it for backgrounds and accents.
Harmonious Palettes & Tints
The palettes below are algorithmically generated across standard intervals based on Dark Slate Gray (HSL 180°). Each group offers full palette copy and live preview:
Complementary Harmony
Hue rotated 180 degrees on the HSL wheel (180° to 0°), keeping the original saturation and lightness.
Analogous Harmony
Hues 30 degrees either side (150° and 210°), keeping the original saturation and lightness.
Triadic Harmony
Hues spaced evenly by 120 degrees (300° and 60°), keeping the original saturation and lightness.
Tints & Shades
Mixed with white (tints) and black (shades) in sRGB at 60% and 30%.
WCAG 2.2 Text Readability & Contrast Check
Under WCAG 2.2 criteria, regular body text requires at least 4.5:1 (AA) and large text requires at least 3.0:1. The table below displays calculated contrast ratios:
| Foreground Color | Contrast Ratio | Normal Text (AA) | Large Text (AA) | Normal Text AAA (>= 7.0:1) |
|---|---|---|---|---|
Pure Black (#000000) | 2.35:1 | Fail | Fail | Fail |
Pure White (#FFFFFF) | 8.93:1 | Pass | Pass | Pass |
Dark Charcoal (#212529) | 1.73:1 | Fail | Fail | Fail |
Mid Gray (#666666) | 1.55:1 | Fail | Fail | Fail |
Interactive Contrast Tester
Enter text foreground and background colors to verify WCAG legibility:
This is sample body text rendered directly to verify contrast and readability.
Dark Slate Gray Background Download
Download standard 1920x1080 solid desktop wallpaper or generate mobile wallpaper:
Standard Wallpaper: 1920x1080 PNG (#2F4F4F)Download Options
All wallpaper files precisely match the W3C standard color value:
CSS Standard & Usage Notes
darkslategray = #2f4f4f (rgb(47, 79, 79))
UI Design & Accessibility Guidelines
Use it for body text, headers, footers and dark themes as a softer alternative to black. On Dark Slate Gray, white text passes WCAG AAA at every size (8.93:1); black text fails even for large text (2.35:1).
Frequently Asked Questions (FAQ)
Can I use black text on Dark Slate Gray?
No. Black text on Dark Slate Gray has a WCAG 2.2 contrast ratio of only 2.35:1, below the 3:1 minimum even for large text.
Can I use white text on Dark Slate Gray?
Yes. White text on Dark Slate Gray has a WCAG 2.2 contrast ratio of 8.93:1, passing both AA (4.5:1) and AAA (7:1) at every text size.
What colors go with Dark Slate Gray?
White, Ivory, White Smoke, Gold, Light Gray and Wheat all go well with Dark Slate Gray. White (8.93:1), Ivory (8.85:1), White Smoke (8.19:1), Gold (6.37:1), Light Gray (5.96:1) and Wheat (6.79:1) have enough contrast for text on Dark Slate Gray.
Is dark slate gray a good alternative to black for text?
Yes. Dark Slate Gray (#2F4F4F) is dark enough for body text on white, at 8.93:1 contrast, and its teal tint looks softer than pure black.