Convert #FAF5F5 to Tailwind CSS

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

Your Color#FAF5F5
#FAF5F5
Tailwind Match#F5F5F5
neutral-100

Quick Copy

Tailwind CSS Usage Examples

Background

bg-neutral-100
Background Preview

Text Color

text-neutral-100

Text Color Preview

Border

border-neutral-100
Border Preview

Ring/Outline

ring-neutral-100

Divide

divide-neutral-100

Placeholder

placeholder-neutral-100

Alternative Tailwind Colors

Other Tailwind colors close to #FAF5F5

neutral-100#F5F5F5Best Match
Copy
stone-100#F5F5F4
Copy
pink-50#FDF2F8
Copy
red-50#FEF2F2
Copy
zinc-100#F4F4F5
Copy
stone-50#FAFAF9
Copy

Full Neutral Palette

All shades of neutral in Tailwind CSS

50#FAFAFA
100#F5F5F5
200#E5E5E5
300#D4D4D4
400#A3A3A3
500#737373
600#525252
700#404040
800#262626
900#171717
950#0A0A0A

Related Resources