UI Design Token: Gray Medium
#4B5563 Color Code
#4B5563 is a curated gray medium tone (Body Copy & Secondary UI Text). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#4B5563
Gray Medium
RGB: 75, 85, 99
HEX
#4B5563
RGB
rgb(75, 85, 99)
HSL
hsl(215, 14%, 34%)
Complementary
#63594B
50 â 950 Tailwind Shades Scale for #4B5563
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
7.56:1
WCAG AA: Passed (AA)
On Slate Dark (#0F172A)
2.36:1
WCAG AA: Fail
CSS Variables & Design Token Export
:root {
--color-gray medium: #4B5563;
--color-gray medium-rgb: 75, 85, 99;
--color-gray medium-hsl: 215deg 14% 34%;
--color-gray medium-comp: #63594B;
}