Dark Slate Gray
Sophisticated dark slate gray with cool undertones
Dark Slate Gray is a heavily muted, dusky shade that functions as a sophisticated neutral. This dark, desaturated cyan tone provides a solid foundation for UI backgrounds or moody branding. White text maintains excellent legibility against it, making it ideal for clean, high-contrast layouts. The hex code for Dark Slate Gray is #2f4f4f, a color that balances seriousness with a calm, understated presence.
About Dark Slate Gray
Wet slate at the bottom of a deep well
What does dark slate gray mean?
Dark slate gray often brings to mind storm clouds, deep water, weathered stone, and quiet overcast days. Its low lightness and near-total lack of saturation give it a heavy, still, enclosed feeling, like a room with the blinds drawn.
Where you see dark slate gray
- slate roof tiles
- deep lake water
- chalkboard
- cast iron skillet
- pine forest shade
- wetsuit rubber
What it works for
It works well as a dark backdrop, a muted alternative to black in dashboards, footers, and moody editorial layouts.
What colors go with dark slate gray?
Dusty Rose #b56f76The muted pink warms the gray without brightening it, keeping both colors at the same quiet volume.Burlywood #deb887The pale tan lifts the dark base and reads as weathered wood against wet stone.Coral #ff7f50The saturated warmth cuts hard against the dull cyan, so both colors read sharper.Camouflage Green #4b6113Two low-saturation darks stack into a flat, tactical surface with almost no shine.
Questions about Dark Slate Gray
What is the hex code for Dark Slate Gray?
Dark Slate Gray is #2f4f4f. In RGB that is rgb(47, 79, 79), in HSL hsl(180, 25%, 25%) and in CMYK 41%, 0%, 0%, 69%.
What is the best way to use #2f4f4f in design?
Dark Slate Gray serves best as a sophisticated, neutral background that makes white or light typography pop against the screen. Its desaturated quality prevents it from overpowering other elements, making it an excellent choice for websites that need to feel authoritative and calm.
Is Dark Slate Gray readable on white or black?
Dark Slate Gray has a 8.92:1 contrast ratio on white and 2.35:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it works for body text and on black it is too faint for text. Try other pairs in the contrast checker.