Convert #300326 to Tailwind CSS

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

Your Color#300326
#300326
Tailwind Match#4C0519
rose-950

Quick Copy

Tailwind CSS Usage Examples

Background

bg-rose-950
Background Preview

Text Color

text-rose-950

Text Color Preview

Border

border-rose-950
Border Preview

Ring/Outline

ring-rose-950

Divide

divide-rose-950

Placeholder

placeholder-rose-950

Alternative Tailwind Colors

Other Tailwind colors close to #300326

rose-950#4C0519Best Match
Copy
pink-950#500724
Copy
stone-900#1C1917
Copy
zinc-900#18181B
Copy
stone-800#292524
Copy
neutral-900#171717
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 #300326Browse all hex colorsExplore color palettes