Convert #4F3527 to Tailwind CSS

Find the closest Tailwind CSS color class for hex code #4F3527

Your Color#4F3527
#4F3527
Tailwind Match#44403C
stone-700

Quick Copy

Tailwind CSS Usage Examples

Background

bg-stone-700
Background Preview

Text Color

text-stone-700

Text Color Preview

Border

border-stone-700
Border Preview

Ring/Outline

ring-stone-700

Divide

divide-stone-700

Placeholder

placeholder-stone-700

Alternative Tailwind Colors

Other Tailwind colors close to #4F3527

stone-700#44403CBest Match
Copy
neutral-700#404040
Copy
zinc-700#3F3F46
Copy
yellow-900#713F12
Copy
yellow-950#422006
Copy
stone-800#292524
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