Tailwind 4 Blue

oklch(.282 .091 267.935)

#162456

rgb(22, 36, 86)

hsl(226.51, 58.74%, 21.15%)

blue-950

oklch(.379 .146 265.522)

#1c398e

rgb(28, 57, 142)

hsl(224.86, 67.28%, 33.33%)

blue-900

oklch(.424 .199 265.638)

#193cb8

rgb(25, 60, 184)

hsl(227.1, 75.74%, 41.14%)

blue-800

oklch(.488 .243 264.376)

#1447e6

rgb(20, 71, 230)

hsl(225.35, 84.1%, 48.98%)

blue-700

oklch(.546 .245 262.881)

#155dfc

rgb(21, 93, 252)

hsl(221.34, 97.06%, 53.5%)

blue-600

oklch(.623 .214 259.815)

#2b7fff

rgb(43, 127, 255)

hsl(216.89, 100%, 59.61%)

blue-500

oklch(.707 .165 254.624)

#51a2ff

rgb(81, 162, 255)

hsl(212.79, 100%, 66.84%)

blue-400

oklch(.809 .105 251.813)

#8ec5ff

rgb(142, 197, 255)

hsl(211.63, 100%, 78.56%)

blue-300

oklch(.882 .059 254.128)

#bedbff

rgb(190, 219, 255)

hsl(213.33, 100%, 87.28%)

blue-200

oklch(.932 .032 255.585)

#dbeafe

rgb(219, 234, 254)

hsl(214.28, 96.22%, 92.78%)

blue-100

oklch(.97 .014 254.604)

#eff6ff

rgb(239, 246, 255)

hsl(213.75, 96.49%, 96.79%)

blue-50