Convert #AF6E82 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #AF6E82
Your Color#AF6E82
#AF6E82
Tailwind Match#78716C
stone-500Quick Copy
Tailwind CSS Usage Examples
Background
bg-stone-500Background Preview
Text Color
text-stone-500Text Color Preview
Border
border-stone-500Border Preview
Ring/Outline
ring-stone-500Divide
divide-stone-500Placeholder
placeholder-stone-500Alternative Tailwind Colors
Other Tailwind colors close to #AF6E82
stone-500#78716CBest Matchstone-400#A8A29Eneutral-500#737373zinc-500#71717Aneutral-400#A3A3A3zinc-400#A1A1AAFull 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