UI Design Token: Slate Medium
#334155 Color Code
#334155 is a curated slate medium tone (Dark Mode Borders & Form Input Fills). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#334155
Slate Medium
RGB: 51, 65, 85
HEX
#334155
RGB
rgb(51, 65, 85)
HSL
hsl(215, 25%, 27%)
Complementary
#564834
50 â 950 Tailwind Shades Scale for #334155
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
10.35:1
WCAG AA: Passed (AA)
On Slate Dark (#0F172A)
1.72:1
WCAG AA: Fail
CSS Variables & Design Token Export
:root {
--color-slate medium: #334155;
--color-slate medium-rgb: 51, 65, 85;
--color-slate medium-hsl: 215deg 25% 27%;
--color-slate medium-comp: #564834;
}