Convert #ABAA96 to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #ABAA96
Your Color#ABAA96
#ABAA96
Tailwind Match#A8A29E
stone-400Quick Copy
Tailwind CSS Usage Examples
Background
bg-stone-400Background Preview
Text Color
text-stone-400Text Color Preview
Border
border-stone-400Border Preview
Ring/Outline
ring-stone-400Divide
divide-stone-400Placeholder
placeholder-stone-400Alternative Tailwind Colors
Other Tailwind colors close to #ABAA96
stone-400#A8A29EBest Matchneutral-400#A3A3A3zinc-400#A1A1AAgray-400#9CA3AFslate-400#94A3B8green-300#86EFACFull 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