Convert #B05EAA to Tailwind CSS

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

Your Color#B05EAA
#B05EAA
Tailwind Match#EC4899
pink-500

Quick Copy

Tailwind CSS Usage Examples

Background

bg-pink-500
Background Preview

Text Color

text-pink-500

Text Color Preview

Border

border-pink-500
Border Preview

Ring/Outline

ring-pink-500

Divide

divide-pink-500

Placeholder

placeholder-pink-500

Alternative Tailwind Colors

Other Tailwind colors close to #B05EAA

pink-500#EC4899Best Match
Copy
fuchsia-700#A21CAF
Copy
zinc-400#A1A1AA
Copy
stone-400#A8A29E
Copy
neutral-400#A3A3A3
Copy
fuchsia-600#C026D3
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

View full color details for #B05EAABrowse all hex colorsExplore color palettes