CSS named color
DarkSlateGray
#2F4F4F
HEX
#2f4f4fRGB
rgb(47, 79, 79)HSL
hsl(180, 25%, 25%)OKLCH
oklch(40.30% 0.0377 195.76)NAME
darkslategrayPalette
Complementary
180° on the color wheelComplement
#503030
Analogous
±30° around the base hueLeft
#305040
Right
#304050
Triadic
±120° for harmonic contrastTriad 1
#503050
Triad 2
#505030
Shades
Lighter and darker variantsCSS usage
By name
color: darkslategray;
background-color: darkslategray;By HEX
color: #2f4f4f;
background-color: #2f4f4f;By RGB
color: rgb(47, 79, 79);
background-color: rgb(47, 79, 79);By HSL
color: hsl(180, 25%, 25%);
background-color: hsl(180, 25%, 25%);WCAG contrast vs white
Aa
8.93:1
AAA
WCAG contrast vs black
Aa
2.35:1
Below minimum
Related colors
FAQ — DarkSlateGray
What is the HEX code for DarkSlateGray?
The HEX code for DarkSlateGray is #2F4F4F. It's one of the 148 named CSS colors and can be used directly in CSS as color: darkslategray; or color: #2f4f4f;
What is DarkSlateGray in RGB?
DarkSlateGray in RGB is rgb(47, 79, 79) — red 47, green 79, blue 79.
What is DarkSlateGray in HSL?
DarkSlateGray in HSL is hsl(180, 25%, 25%) — hue 180°, saturation 25%, lightness 25%.
What is the complementary color of DarkSlateGray?
The complementary color (directly opposite DarkSlateGray on the color wheel) is #503030. The two together produce maximum contrast.
Is white text readable on DarkSlateGray?
The WCAG contrast ratio against white (#FFFFFF) is 8.93:1, and against black (#000000) it's 2.35:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.