#215F4D
≈ darkslategray · rgb(33, 95, 77)
Color formats
HEX#215F4D
RGBrgb(33, 95, 77)
HSLhsl(163, 48%, 25%)
HSVhsv(163, 65%, 37%)
OKLCHoklch(44% 0.07 171)
CMYKcmyk(65%, 0%, 19%, 63%)
Contrast & accessibility
On white7.48:1AA pass
On black2.81:1below AA
Best text color#FFFFFF
Nearest CSS name: darkslategray
Copy-ready code
CSS custom properties
:root {
--darkslategray: #215f4d;
--darkslategray-rgb: 33 95 77;
--darkslategray-oklch: oklch(44% 0.07 171);
}The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--darkslategray-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#215f4d] text-[#215f4d] border-[#215f4d]
Shades & tints
50
#E0EAE7
100
#C9DCD7
200
#97C5B8
300
#60B29B
400
#3B8F76
500
#215F4D
600
#1D4C3F
700
#183B30
800
#122923
900
#0C1915
950
#08110F
Color harmonies
Complementary
#5F2133
Analogous −30°
#215F2E
Analogous +30°
#21525F
Triadic +120°
#4D215F
Triadic −120°
#5F4D21
About this color
#215F4D is a color with the RGB value rgb(33, 95, 77). 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.