Convert #33036B to Tailwind CSS
Find the closest Tailwind CSS color class for hex code #33036B
Your Color#33036B
Christalle
Tailwind Match#3B0764
purple-950Quick Copy
Tailwind CSS Usage Examples
Background
bg-purple-950Background Preview
Text Color
text-purple-950Text Color Preview
Border
border-purple-950Border Preview
Ring/Outline
ring-purple-950Divide
divide-purple-950Placeholder
placeholder-purple-950Alternative Tailwind Colors
Other Tailwind colors close to #33036B
purple-950#3B0764Best Matchviolet-950#2E1065fuchsia-950#4A044Eindigo-950#1E1B4Bindigo-900#312E81blue-950#172554Full Purple Palette
All shades of purple in Tailwind CSS
50#FAF5FF
100#F3E8FF
200#E9D5FF
300#D8B4FE
400#C084FC
500#A855F7
600#9333EA
700#7E22CE
800#6B21A8
900#581C87
950#3B0764