DarkSlateGray
#2F4F4F · rgb(47, 79, 79) · hsl(180, 25%, 25%)
Complementary colors
#305050 · #503030Analogous colors
#305040 · #305050 · #304050Triadic colors
#305050 · #503050 · #505030Split-complementary colors
#305050 · #503040 · #504030Tetradic colors
#305050 · #403050 · #503030 · #405030Monochromatic colors
#1d3030 · #3d6666 · #609f9f · #99c2c2 · #cfe2e2Ready-made palettes with DarkSlateGray
Complementary palette
The base color paired with its opposite on the wheel for maximum contrast, plus two neutrals and a soft tint.
#2F4F4F · #503030 · #6c9393 · #f4f4f5 · #18181b
Analogous palette
Neighboring hues on the color wheel create a calm, cohesive scheme with a light tint and a deep shade.
#305040 · #2F4F4F · #304050 · #6c9393 · #000000
Triadic palette
Three hues spaced evenly around the wheel for a bold, balanced palette anchored by two neutrals.
#2F4F4F · #503050 · #505030 · #f4f4f5 · #18181b
Monochromatic palette
A single hue stepped from light to dark for a clean, elegant and foolproof palette.
#f2f7f7 · #accdcd · #63a1a1 · #375c5c · #0b1313
If you are wondering what colors go with DarkSlateGray, start with its opposite on the wheel — a complementary #503030 — then soften the pairing with the analogous, triadic and monochromatic schemes above.
Frequently asked questions
DarkSlateGray's complementary color is #503030. Analogous neighbors, triadic accents and monochromatic tints of the same hue all pair naturally with it too.
Must-know facts
- Every swatch row is a complete scheme you can copy straight into CSS.
- The color wheel can regenerate these harmonies for any base you like.
Related tools
These color tools pair naturally with the one you just used — keep exploring.