UI Design Token: Lime
#84CC16 Color Code
#84CC16 is a curated lime tone (Fresh Callouts, Energy & Gamification). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#84CC16
Lime
RGB: 132, 204, 22
HEX
#84CC16
RGB
rgb(132, 204, 22)
HSL
hsl(84, 81%, 44%)
Complementary
#5E15CB
50 â 950 Tailwind Shades Scale for #84CC16
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
1.98:1
WCAG AA: Fail
On Slate Dark (#0F172A)
9.04:1
WCAG AA: Passed (AA)
CSS Variables & Design Token Export
:root {
--color-lime: #84CC16;
--color-lime-rgb: 132, 204, 22;
--color-lime-hsl: 84deg 81% 44%;
--color-lime-comp: #5E15CB;
}