Tailwind CSS

Indigo

11 shades · 50 – 950

50100200300400500600700800900950

indigo-50#eef2ff

indigo-100#e0e7ff

indigo-200#c7d2fe

indigo-300#a5b4fc

indigo-400#818cf8

indigo-500#6366f1

indigo-600#4f46e5

indigo-700#4338ca

indigo-800#3730a3

indigo-900#312e81

indigo-950#1e1b4b

All Values

ShadeClassHEXRGBHSL

50bg-indigo-50#EEF2FF238, 242, 255226° 100% 97%100bg-indigo-100#E0E7FF224, 231, 255226° 100% 94%200bg-indigo-200#C7D2FE199, 210, 254228° 96% 89%300bg-indigo-300#A5B4FC165, 180, 252230° 94% 82%400bg-indigo-400#818CF8129, 140, 248234° 89% 74%500bg-indigo-500#6366F199, 102, 241239° 84% 67%600bg-indigo-600#4F46E579, 70, 229243° 75% 59%700bg-indigo-700#4338CA67, 56, 202245° 58% 51%800bg-indigo-800#3730A355, 48, 163244° 55% 41%900bg-indigo-900#312E8149, 46, 129242° 47% 34%950bg-indigo-950#1E1B4B30, 27, 75244° 47% 20%

Other Families