Convert #B422B4 to Tailwind CSS

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

Your Color#B422B4
#B422B4
Tailwind Match#A21CAF
fuchsia-700

Quick Copy

Tailwind CSS Usage Examples

Background

bg-fuchsia-700
Background Preview

Text Color

text-fuchsia-700

Text Color Preview

Border

border-fuchsia-700
Border Preview

Ring/Outline

ring-fuchsia-700

Divide

divide-fuchsia-700

Placeholder

placeholder-fuchsia-700

Alternative Tailwind Colors

Other Tailwind colors close to #B422B4

fuchsia-700#A21CAFBest Match
Copy
fuchsia-600#C026D3
Copy
fuchsia-800#86198F
Copy
purple-700#7E22CE
Copy
purple-600#9333EA
Copy
pink-600#DB2777
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 #B422B4Browse all hex colorsExplore color palettes