Convert #5A056B to Tailwind CSS

Find the closest Tailwind CSS color class for hex code #5A056B

Your Color#5A056B
#5A056B
Tailwind Match#3B0764
purple-950

Quick Copy

Tailwind CSS Usage Examples

Background

bg-purple-950
Background Preview

Text Color

text-purple-950

Text Color Preview

Border

border-purple-950
Border Preview

Ring/Outline

ring-purple-950

Divide

divide-purple-950

Placeholder

placeholder-purple-950

Alternative Tailwind Colors

Other Tailwind colors close to #5A056B

purple-950#3B0764Best Match
Copy
fuchsia-900#701A75
Copy
fuchsia-950#4A044E
Copy
purple-900#581C87
Copy
violet-950#2E1065
Copy
violet-900#4C1D95
Copy

Full Purple Palette

All shades of purple in Tailwind CSS

50#FAF5FF
100#F3E8FF
200#E9D5FF
300#D8B4FE
400#C084FC
500#A855F7
600#9333EA
700#7E22CE
800#6B21A8
900#581C87
950#3B0764

Related Resources

View full color details for #5A056BBrowse all hex colorsExplore color palettes