CSS named color
SlateGray
#708090
HEX
#708090RGB
rgb(112, 128, 144)HSL
hsl(210, 13%, 50%)OKLCH
oklch(59.25% 0.0309 248.35)NAME
slategrayPalette
Complementary
180° on the color wheelComplement
#90806F
Analogous
±30° around the base hueLeft
#6F9090
Right
#6F6F90
Triadic
±120° for harmonic contrastTriad 1
#906F80
Triad 2
#80906F
Shades
Lighter and darker variantsCSS usage
By name
color: slategray;
background-color: slategray;By HEX
color: #708090;
background-color: #708090;By RGB
color: rgb(112, 128, 144);
background-color: rgb(112, 128, 144);By HSL
color: hsl(210, 13%, 50%);
background-color: hsl(210, 13%, 50%);WCAG contrast vs white
Aa
4.05:1
AA (large text)
WCAG contrast vs black
Aa
5.18:1
AA
Related colors
FAQ — SlateGray
What is the HEX code for SlateGray?
The HEX code for SlateGray is #708090. It's one of the 148 named CSS colors and can be used directly in CSS as color: slategray; or color: #708090;
What is SlateGray in RGB?
SlateGray in RGB is rgb(112, 128, 144) — red 112, green 128, blue 144.
What is SlateGray in HSL?
SlateGray in HSL is hsl(210, 13%, 50%) — hue 210°, saturation 13%, lightness 50%.
What is the complementary color of SlateGray?
The complementary color (directly opposite SlateGray on the color wheel) is #90806F. The two together produce maximum contrast.
Is white text readable on SlateGray?
The WCAG contrast ratio against white (#FFFFFF) is 4.05:1, and against black (#000000) it's 5.18:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.