#2A5854
≈ darkslategray · rgb(42, 88, 84)
Color formats
HEX#2A5854
RGBrgb(42, 88, 84)
HSLhsl(175, 35%, 25%)
HSVhsv(175, 52%, 35%)
OKLCHoklch(43% 0.05 188)
CMYKcmyk(52%, 0%, 5%, 65%)
Contrast & accessibility
On white8.01:1AA pass
On black2.62:1below AA
Best text color#FFFFFF
Nearest CSS name: darkslategray
Copy-ready code
CSS custom properties
:root {
--darkslategray: #2a5854;
--darkslategray-rgb: 42 88 84;
--darkslategray-oklch: oklch(43% 0.05 188);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--darkslategray-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#2a5854] text-[#2a5854] border-[#2a5854]
Shades & tints
50
#E2E9E8
100
#CCDAD9
200
#9EBFBC
300
#6CA8A3
400
#47847F
500
#2A5854
600
#244744
700
#1D3734
800
#162725
900
#0E1717
950
#0A100F
Color harmonies
Complementary
#582A2E
Analogous −30°
#2A583D
Analogous +30°
#2A4558
Triadic +120°
#542A58
Triadic −120°
#58542A
About this color
#2A5854 is a color with the RGB value rgb(42, 88, 84). 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.