Tailwind 2 Blue

#1e3a8a

rgb(30, 58, 138)

hsl(224.44, 64.29%, 32.94%)

blue-900

#1e40af

rgb(30, 64, 175)

hsl(225.93, 70.73%, 40.2%)

blue-800

#1d4ed8

rgb(29, 78, 216)

hsl(224.28, 76.33%, 48.04%)

blue-700

#2563eb

rgb(37, 99, 235)

hsl(221.21, 83.19%, 53.33%)

blue-600

#3b82f6

rgb(59, 130, 246)

hsl(217.22, 91.22%, 59.8%)

blue-500

#60a5fa

rgb(96, 165, 250)

hsl(213.12, 93.9%, 67.84%)

blue-400

#93c5fd

rgb(147, 197, 253)

hsl(211.7, 96.36%, 78.43%)

blue-300

#bfdbfe

rgb(191, 219, 254)

hsl(213.33, 96.92%, 87.25%)

blue-200

#dbeafe

rgb(219, 234, 254)

hsl(214.29, 94.59%, 92.75%)

blue-100

#eff6ff

rgb(239, 246, 255)

hsl(213.75, 100%, 96.86%)

blue-50