Convert #6F7E30 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #6F7E30
Your Color#6F7E30
#6F7E30
Tailwind Match#4D7C0F
lime-700Quick Copy
Tailwind CSS Usage Examples
Background
bg-lime-700Background Preview
Text Color
text-lime-700Text Color Preview
Border
border-lime-700Border Preview
Ring/Outline
ring-lime-700Divide
divide-lime-700Placeholder
placeholder-lime-700Alternative Tailwind Colors
Other Tailwind colors close to #6F7E30
lime-700#4D7C0FBest Matchlime-600#65A30Dstone-600#57534Estone-500#78716Cneutral-600#525252lime-800#3F6212Full 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