Convert #613776 to Tailwind CSS

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

Your Color#613776
#613776
Tailwind Match#701A75
fuchsia-900

Quick Copy

Tailwind CSS Usage Examples

Background

bg-fuchsia-900
Background Preview

Text Color

text-fuchsia-900

Text Color Preview

Border

border-fuchsia-900
Border Preview

Ring/Outline

ring-fuchsia-900

Divide

divide-fuchsia-900

Placeholder

placeholder-fuchsia-900

Alternative Tailwind Colors

Other Tailwind colors close to #613776

fuchsia-900#701A75Best Match
Copy
purple-900#581C87
Copy
zinc-600#52525B
Copy
slate-600#475569
Copy
gray-600#4B5563
Copy
violet-900#4C1D95
Copy

Full Fuchsia Palette

All shades of fuchsia in Tailwind CSS

50#FDF4FF
100#FAE8FF
200#F5D0FE
300#F0ABFC
400#E879F9
500#D946EF
600#C026D3
700#A21CAF
800#86198F
900#701A75
950#4A044E

Related Resources

View full color details for #613776Browse all hex colorsExplore color palettes