Tailwind Lime
The Tailwind Lime shades with hex codes and contrast against white and black.
| Token | HEX | Contrast on white / black |
|---|---|---|
| lime-50 | #f7fee7 |
1.03:1 / 20.28:1 |
| lime-100 | #ecfcca |
1.08:1 / 19.34:1 |
| lime-200 | #d8f999 |
1.17:1 / 17.93:1 |
| lime-300 | #bbf451 |
1.29:1 / 16.17:1 |
| lime-400 | #9ae600 |
1.53:1 / 13.69:1 |
| lime-500 | #7ccf00 |
1.94:1 / 10.78:1 |
| lime-600 | #5ea500 |
3.06:1 / 6.85:1 |
| lime-700 | #497d00 |
4.98:1 / 4.21:1 |
| lime-800 | #3c6300 |
7.05:1 / 2.97:1 |
| lime-900 | #35530e |
8.76:1 / 2.39:1 |
| lime-950 | #192e03 |
14.64:1 / 1.43:1 |
CSS variables
:root {
--color-lime-50: #f7fee7;
--color-lime-100: #ecfcca;
--color-lime-200: #d8f999;
--color-lime-300: #bbf451;
--color-lime-400: #9ae600;
--color-lime-500: #7ccf00;
--color-lime-600: #5ea500;
--color-lime-700: #497d00;
--color-lime-800: #3c6300;
--color-lime-900: #35530e;
--color-lime-950: #192e03;
}
Open as palette Shades and tints