Convert #FAF5F9 to Tailwind CSS

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

Your Color#FAF5F9
#FAF5F9
Tailwind Match#FDF2F8
pink-50

Quick Copy

Tailwind CSS Usage Examples

Background

bg-pink-50
Background Preview

Text Color

text-pink-50

Text Color Preview

Border

border-pink-50
Border Preview

Ring/Outline

ring-pink-50

Divide

divide-pink-50

Placeholder

placeholder-pink-50

Alternative Tailwind Colors

Other Tailwind colors close to #FAF5F9

pink-50#FDF2F8Best Match
Copy
stone-50#FAFAF9
Copy
zinc-50#FAFAFA
Copy
neutral-50#FAFAFA
Copy
gray-50#F9FAFB
Copy
purple-50#FAF5FF
Copy

Full Pink Palette

All shades of pink in Tailwind CSS

50#FDF2F8
100#FCE7F3
200#FBCFE8
300#F9A8D4
400#F472B6
500#EC4899
600#DB2777
700#BE185D
800#9D174D
900#831843
950#500724

Related Resources