Convert #ECE7DA to Tailwind CSS

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

Your Color#ECE7DA
#ECE7DA
Tailwind Match#E7E5E4
stone-200

Quick Copy

Tailwind CSS Usage Examples

Background

bg-stone-200
Background Preview

Text Color

text-stone-200

Text Color Preview

Border

border-stone-200
Border Preview

Ring/Outline

ring-stone-200

Divide

divide-stone-200

Placeholder

placeholder-stone-200

Alternative Tailwind Colors

Other Tailwind colors close to #ECE7DA

stone-200#E7E5E4Best Match
Copy
neutral-200#E5E5E5
Copy
zinc-200#E4E4E7
Copy
gray-200#E5E7EB
Copy
red-100#FEE2E2
Copy
orange-100#FFEDD5
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 #ECE7DABrowse all hex colorsExplore color palettes