Darkslategray #2F4F4F
darkslategray · rgb(47, 79, 79)
Color formats
HEX#2F4F4F
RGBrgb(47, 79, 79)
HSLhsl(180, 25%, 25%)
HSVhsv(180, 41%, 31%)
OKLCHoklch(40% 0.04 196)
CMYKcmyk(41%, 0%, 0%, 69%)
Contrast & accessibility
On white8.93:1AA pass
On black2.35:1below AA
Best text color#FFFFFF
Nearest CSS name: darkslategray
Copy-ready code
CSS custom properties
:root {
--darkslategray: #2f4f4f;
--darkslategray-rgb: 47 79 79;
--darkslategray-oklch: oklch(40% 0.04 196);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--darkslategray-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#2f4f4f] text-[#2f4f4f] border-[#2f4f4f]
Shades & tints
50
#E2E7E7
100
#CED7D7
200
#A2BABA
300
#739E9E
400
#4E7A7A
500
#2F4F4F
600
#284040
700
#203232
800
#182323
900
#0F1616
950
#0A0F0F
Color harmonies
Complementary
#4F2F2F
Analogous −30°
#2F4F3F
Analogous +30°
#2F3F4F
Triadic +120°
#4F2F4F
Triadic −120°
#4F4F2F
About this color
#2F4F4F is a color with the RGB value rgb(47, 79, 79). Its closest CSS named color is "darkslategray". 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.