Convert #537D40 to Tailwind CSS

Find the closest Tailwind CSS color class for hex code #537D40

Your Color#537D40
#537D40
Tailwind Match#57534E
stone-600

Quick Copy

Tailwind CSS Usage Examples

Background

bg-stone-600
Background Preview

Text Color

text-stone-600

Text Color Preview

Border

border-stone-600
Border Preview

Ring/Outline

ring-stone-600

Divide

divide-stone-600

Placeholder

placeholder-stone-600

Alternative Tailwind Colors

Other Tailwind colors close to #537D40

stone-600#57534EBest Match
Copy
neutral-600#525252
Copy
lime-700#4D7C0F
Copy
zinc-600#52525B
Copy
gray-600#4B5563
Copy
lime-800#3F6212
Copy

Full Stone Palette

All shades of stone in Tailwind CSS

50#FAFAF9
100#F5F5F4
200#E7E5E4
300#D6D3D1
400#A8A29E
500#78716C
600#57534E
700#44403C
800#292524
900#1C1917
950#0C0A09

Related Resources