Convert #B6316C to Tailwind CSS

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

Your Color#B6316C
Hibiscus
Tailwind Match#BE185D
pink-700

Quick Copy

Tailwind CSS Usage Examples

Background

bg-pink-700
Background Preview

Text Color

text-pink-700

Text Color Preview

Border

border-pink-700
Border Preview

Ring/Outline

ring-pink-700

Divide

divide-pink-700

Placeholder

placeholder-pink-700

Alternative Tailwind Colors

Other Tailwind colors close to #B6316C

pink-700#BE185DBest Match
Copy
pink-600#DB2777
Copy
pink-800#9D174D
Copy
rose-700#BE123C
Copy
rose-600#E11D48
Copy
rose-800#9F1239
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 #B6316CBrowse all hex colorsExplore color palettes