Convert #F9FCF3 to Tailwind CSS

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

Your Color#F9FCF3
#F9FCF3
Tailwind Match#FAFAF9
stone-50

Quick Copy

Tailwind CSS Usage Examples

Background

bg-stone-50
Background Preview

Text Color

text-stone-50

Text Color Preview

Border

border-stone-50
Border Preview

Ring/Outline

ring-stone-50

Divide

divide-stone-50

Placeholder

placeholder-stone-50

Alternative Tailwind Colors

Other Tailwind colors close to #F9FCF3

stone-50#FAFAF9Best Match
Copy
zinc-50#FAFAFA
Copy
neutral-50#FAFAFA
Copy
stone-100#F5F5F4
Copy
gray-50#F9FAFB
Copy
neutral-100#F5F5F5
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 #F9FCF3Browse all hex colorsExplore color palettes