Darkslategray colour (#2F4F4F)
Darkslategray is dark a cyan with hex code #2F4F4F, one of the 148 named colours every browser understands, so you can write color: ${name} directly in CSS. In RGB it is 47, 79, 79; in HSL 180°, 25%, 25%. Use the tool to explore shades and harmonies.
How to use the Darkslategray colour
- The colour is pre-filled; click Explore to see all formats, shades and harmonies.
- Edit the value to try a variation.
- Copy the code you need.
Darkslategray in every format
| Format | Value |
|---|---|
| HEX | #2F4F4F |
| RGB | rgb(47, 79, 79) |
| RGB (0–1) | 0.184, 0.310, 0.310 |
| HSL | hsl(180, 25%, 25%) |
| CMYK (approx.) | 41%, 0%, 0%, 69% |
| CSS | color: darkslategray; |
Shades and tints of Darkslategray
Same hue and saturation, lightness from 90% to 10%:
#dfecec | #bfd9d9 | #9fc6c6 | #80b3b3 | #609f9f | #4d8080 | #396060 | #264040 | #132020 |
Colours that go with Darkslategray
| Harmony | Colours | |
|---|---|---|
| Complementary | #503030 | |
| Triadic | #503050 | #505030 |
| Analogous | #304050 | #305040 |
Similar named colours
The closest CSS named colours by RGB distance, useful when you need a keyword instead of a hex code or want a near match:
| Colour | HEX | Difference |
|---|---|---|
| darkolivegreen | #556b2f | close |
| seagreen | #2e8b57 | close |
| midnightblue | #191970 | close |
| darkslateblue | #483d8b | close |
| dimgray | #696969 | close |
Accessibility
Contrast ratio of Darkslategray against white is 8.93:1 (passes WCAG AA for normal text) and against black 2.35:1 (fails). Use Darkslategray for text on white backgrounds.
Frequently asked questions
What is the hex code for Darkslategray?
#2F4F4F.
What is Darkslategray in RGB?
rgb(47, 79, 79).
What colour is complementary to Darkslategray?
#503030, directly opposite on the colour wheel.
Privacy
This tool runs entirely inside your browser using WebAssembly and the Canvas/File APIs. Your files are never uploaded to ToolFlint or any third party; you can verify this in your browser's network tab or by switching to airplane mode after the page loads. Read how we process files.
Last updated 2026-09-23.