Tailwind 2 Violet

#4c1d95

rgb(76, 29, 149)

hsl(263.5, 67.42%, 34.9%)

violet-900

#5b21b6

rgb(91, 33, 182)

hsl(263.36, 69.3%, 42.16%)

violet-800

#6d28d9

rgb(109, 40, 217)

hsl(263.39, 69.96%, 50.39%)

violet-700

#7c3aed

rgb(124, 58, 237)

hsl(262.12, 83.26%, 57.84%)

violet-600

#8b5cf6

rgb(139, 92, 246)

hsl(258.31, 89.53%, 66.27%)

violet-500

#a78bfa

rgb(167, 139, 250)

hsl(255.14, 91.74%, 76.27%)

violet-400

#c4b5fd

rgb(196, 181, 253)

hsl(252.5, 94.74%, 85.1%)

violet-300

#ddd6fe

rgb(221, 214, 254)

hsl(250.5, 95.24%, 91.76%)

violet-200

#ede9fe

rgb(237, 233, 254)

hsl(251.43, 91.3%, 95.49%)

violet-100

#f5f3ff

rgb(245, 243, 255)

hsl(250, 100%, 97.65%)

violet-50