Tools

Color Shades Generator

Generate a Tailwind-style palette of 10 light-to-dark shades from any hex color. Enter a color like #3B82F6 to see shades from 50 to 950.

50#E7F0FEhsl(217, 91%, 95%)

150#B6D1FChsl(217, 91%, 85%)

250#85B2F9hsl(217, 91%, 75%)

350#5593F7hsl(217, 91%, 65%)

450#2474F5hsl(217, 91%, 55%)

550#0A5ADBhsl(217, 91%, 45%)

650#0846AAhsl(217, 91%, 35%)

750#06327Ahsl(217, 91%, 25%)

850#031E49hsl(217, 91%, 15%)

950#010A18hsl(217, 91%, 5%)

marduc812

2026