ToolSpark
Search 279+ free tools...
⌘K
Tools
Blog
🌙
Home
/
Tools
/
Color Shade Generator
Color Shade Generator
Generate tints, shades, and Tailwind CSS color scales
Base Color
HSL(217, 91%, 60%)
Tints & Shades
Tailwind Scale
Steps: 5
11 colors
Copy All
83% tint
#deeafe
67% tint
#bed5fc
50% tint
#9dc1fb
33% tint
#7cacf9
17% tint
#5c97f8
Base
#3b82f6
17% shade
#316ccd
33% shade
#2757a4
50% shade
#1e417b
67% shade
#142b52
83% shade
#0a1629