ColorCraft
Home
Blog
Tools
Tailwind CSS Color
Generator
Build a full Tailwind-compatible color scale from a single hex.
violet-50
rgb(139, 92, 246)
violet-100
rgb(149, 106, 247)
violet-200
rgb(159, 120, 248)
violet-300
rgb(169, 134, 248)
violet-400
rgb(178, 147, 249)
violet-500
rgb(80, 53, 141)
violet-600
rgb(68, 45, 121)
violet-700
rgb(56, 37, 100)
violet-800
rgb(44, 29, 79)
violet-900
rgb(33, 22, 58)
violet-950
rgb(21, 14, 37)