Convert #A16545 to Tailwind CSS

Find the closest Tailwind CSS color class for hex code #A16545

Your Color#A16545
#A16545
Tailwind Match#78716C
stone-500

Quick Copy

Tailwind CSS Usage Examples

Background

bg-stone-500
Background Preview

Text Color

text-stone-500

Text Color Preview

Border

border-stone-500
Border Preview

Ring/Outline

ring-stone-500

Divide

divide-stone-500

Placeholder

placeholder-stone-500

Alternative Tailwind Colors

Other Tailwind colors close to #A16545

stone-500#78716CBest Match
Copy
yellow-700#A16207
Copy
amber-700#B45309
Copy
yellow-800#854D0E
Copy
neutral-500#737373
Copy
amber-800#92400E
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

View full color details for #A16545Browse all hex colorsExplore color palettes