Slategray #708090
slategray · rgb(112, 128, 144)
Color formats
HEX#708090
RGBrgb(112, 128, 144)
HSLhsl(210, 13%, 50%)
HSVhsv(210, 22%, 56%)
OKLCHoklch(59% 0.03 248)
CMYKcmyk(22%, 11%, 0%, 44%)
Contrast & accessibility
On white4.05:1below AA
On black5.18:1AA pass
Best text color#000000
Nearest CSS name: slategray
Copy-ready code
CSS custom properties
:root {
--slategray: #708090;
--slategray-rgb: 112 128 144;
--slategray-oklch: oklch(59% 0.03 248);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--slategray-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#708090] text-[#708090] border-[#708090]
Shades & tints
50
#EBEBEC
100
#DEDFE1
200
#C4C8CC
300
#A9B0B7
400
#8D98A3
500
#708090
600
#5A6672
700
#444D55
800
#2E3338
900
#171A1C
950
#0C0D0E
Color harmonies
Complementary
#908070
Analogous −30°
#709090
Analogous +30°
#707090
Triadic +120°
#907080
Triadic −120°
#809070
About this color
#708090 is a color with the RGB value rgb(112, 128, 144). Its closest CSS named color is "slategray". On this page you'll find every format (HEX, RGB, HSL, HSV, OKLCH, CMYK), WCAG contrast against white and black, a full 50–950 shade scale, and complementary, analogous and triadic harmonies — each linking to its own color page.