Convert #B4648A to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #B4648A
Your Color#B4648A
#B4648A
Tailwind Match#EC4899
pink-500Quick Copy
Tailwind CSS Usage Examples
Background
bg-pink-500Background Preview
Text Color
text-pink-500Text Color Preview
Border
border-pink-500Border Preview
Ring/Outline
ring-pink-500Divide
divide-pink-500Placeholder
placeholder-pink-500Alternative Tailwind Colors
Other Tailwind colors close to #B4648A
pink-500#EC4899Best Matchstone-400#A8A29Estone-500#78716Cneutral-400#A3A3A3zinc-500#71717Aneutral-500#737373Full 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