Convert #BA033D to Tailwind CSS

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

Your Color#BA033D
#BA033D
Tailwind Match#BE123C
rose-700

Quick Copy

Tailwind CSS Usage Examples

Background

bg-rose-700
Background Preview

Text Color

text-rose-700

Text Color Preview

Border

border-rose-700
Border Preview

Ring/Outline

ring-rose-700

Divide

divide-rose-700

Placeholder

placeholder-rose-700

Alternative Tailwind Colors

Other Tailwind colors close to #BA033D

rose-700#BE123CBest Match
Copy
rose-800#9F1239
Copy
pink-700#BE185D
Copy
pink-800#9D174D
Copy
red-700#B91C1C
Copy
rose-600#E11D48
Copy

Full Rose Palette

All shades of rose in Tailwind CSS

50#FFF1F2
100#FFE4E6
200#FECDD3
300#FDA4AF
400#FB7185
500#F43F5E
600#E11D48
700#BE123C
800#9F1239
900#881337
950#4C0519

Related Resources

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