Dark Slate Gray is a dark, muted shade in the blue color family, with a cool feel. Its HEX code is #2F4F4F, which equals rgb(47, 79, 79) in RGB and hsl(180, 25%, 25%) in HSL. In print terms it converts to roughly C41 M0 Y0 K69, although exact CMYK results depend on the paper and color profile.
- HEX
#2F4F4F - RGB
47, 79, 79 - HSL
180°, 25%, 25% - CMYK
41, 0, 0, 69 - Family
Blue - Tone
Dark, muted
About Dark Slate Gray
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 8.93:1. Its complementary color is #503030.
Download Dark Slate Gray as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Dark Slate Gray color codes
| HEX | #2F4F4F |
|---|---|
| RGB | rgb(47, 79, 79) |
| HSL | hsl(180, 25%, 25%) |
| HSV | 180°, 41%, 31% |
| CMYK | 41%, 0%, 0%, 69% |
| Decimal | 3100495 |
Shades and tints of Dark Slate Gray
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DCE2E2 - 100
#BAC4C4 - 200
#97A7A7 - 300
#748A8A - 400
#526C6C - 500
#2F4F4F - 600
#274242 - 700
#1F3535 - 800
#182828 - 900
#101A1A - 950
#080D0D
Color harmonies for Dark Slate Gray
- Complementary
#503030≈ Dark Dusty Red - Analogous −30°
#305040≈ Dark Dusty Malachite - Analogous +30°
#304050≈ Dark Dusty Cornflower - Triadic +120°
#503050≈ Dark Dusty Magenta - Triadic +240°
#505030≈ Dark Dusty Yellow - Split 150°
#503040≈ Dark Dusty Carmine - Split 210°
#504030≈ Dark Dusty Persimmon
Contrast and accessibility of Dark Slate Gray
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Slate Gray | Aa | 8.93:1 | AAA (excellent) |
| Black text on Dark Slate Gray | Aa | 2.35:1 | Fails |
CSS code for Dark Slate Gray
background-color: #2F4F4F;color: #2F4F4F;background-color: rgb(47, 79, 79);background-color: hsl(180, 25%, 25%);:root { --color-dark-slate-gray: #2F4F4F; }class="bg-[#2F4F4F]"Colors similar to Dark Slate Gray
- Dark Dusty Cyan
#355050 - Dark Dusty Teal
#35504D - Dark Dusty Lagoon
#354D50 - Dark Dusty Turquoise
#35504A - Dark Dusty Peacock
#354A50 - Dark Dusty Aquamarine
#355048 - Dark Dusty Capri
#354850 - Dark Dusty Seafoam
#355045 - Dark Dusty Azure
#354550 - Charcoal
#36454F - Dark Dusty Mint
#355042 - Dark Muted Capri
#284D5D
More blue shades
- Midnight Blue
#191970 - Cadet Blue
#5F9EA0 - Cornflower Blue
#6495ED - Dark Blue
#00008B - Dark Cyan
#008B8B - Dark Slate Blue
#483D8B - Dark Turquoise
#00CED1 - Light Blue
#ADD8E6 - Light Cyan
#E0FFFF - Light Sea Green
#20B2AA - Light Sky Blue
#87CEFA
Frequently asked questions
What is the HEX code for Dark Slate Gray?
The HEX code for Dark Slate Gray is #2F4F4F.
What is the RGB value of Dark Slate Gray?
Dark Slate Gray has an RGB value of 47, 79, 79 (rgb(47, 79, 79)). In HSL it is 180°, 25%, 25%.
What text color should I use on Dark Slate Gray?
Use white text on Dark Slate Gray. White text has a contrast ratio of 8.93:1 and black text has 2.35:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Slate Gray?
The complementary color of Dark Slate Gray is #503030. Analogous colors #305040 and #304050 also pair well.