Convert #693A46 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #693A46
Your Color#693A46
#693A46
Tailwind Match#57534E
stone-600Quick Copy
Tailwind CSS Usage Examples
Background
bg-stone-600Background Preview
Text Color
text-stone-600Text Color Preview
Border
border-stone-600Border Preview
Ring/Outline
ring-stone-600Divide
divide-stone-600Placeholder
placeholder-stone-600Alternative Tailwind Colors
Other Tailwind colors close to #693A46
stone-600#57534EBest Matchneutral-600#525252stone-700#44403Czinc-600#52525Bneutral-700#404040zinc-700#3F3F46Full 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