Convert #A1E166 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #A1E166
Your Color#A1E166
#A1E166
Tailwind Match#BEF264
lime-300Quick Copy
Tailwind CSS Usage Examples
Background
bg-lime-300Background Preview
Text Color
text-lime-300Text Color Preview
Border
border-lime-300Border Preview
Ring/Outline
ring-lime-300Divide
divide-lime-300Placeholder
placeholder-lime-300Alternative Tailwind Colors
Other Tailwind colors close to #A1E166
lime-300#BEF264Best Matchlime-400#A3E635green-300#86EFAClime-200#D9F99Dstone-400#A8A29Eneutral-400#A3A3A3Full Lime Palette
All shades of lime in Tailwind CSS
50#F7FEE7
100#ECFCCB
200#D9F99D
300#BEF264
400#A3E635
500#84CC16
600#65A30D
700#4D7C0F
800#3F6212
900#365314
950#1A2E05