Tailwind CSS

Purple

11 shades · 50 – 950

50100200300400500600700800900950

purple-50#faf5ff

purple-100#f3e8ff

purple-200#e9d5ff

purple-300#d8b4fe

purple-400#c084fc

purple-500#a855f7

purple-600#9333ea

purple-700#7e22ce

purple-800#6b21a8

purple-900#581c87

purple-950#3b0764

All Values

ShadeClassHEXRGBHSL

50bg-purple-50#FAF5FF250, 245, 255270° 100% 98%100bg-purple-100#F3E8FF243, 232, 255269° 100% 95%200bg-purple-200#E9D5FF233, 213, 255269° 100% 92%300bg-purple-300#D8B4FE216, 180, 254269° 97% 85%400bg-purple-400#C084FC192, 132, 252270° 95% 75%500bg-purple-500#A855F7168, 85, 247271° 91% 65%600bg-purple-600#9333EA147, 51, 234271° 81% 56%700bg-purple-700#7E22CE126, 34, 206272° 72% 47%800bg-purple-800#6B21A8107, 33, 168273° 67% 39%900bg-purple-900#581C8788, 28, 135274° 66% 32%950bg-purple-950#3B076459, 7, 100274° 87% 21%

Other Families