Sky vs Blue: Light vs Deep Blue
Compare Tailwind's sky and blue for choosing the right blue intensity.
Sky
#0ea5e9
Cyan-shifted, brighter
Blue
#3b82f6
Pure primary blue
Side-by-Side Comparison
| Aspect | Sky | Blue |
|---|---|---|
| Undertone | Lighter, cyan tint | Deeper, true blue |
| Mood | Airy, fresh, casual | Authoritative, professional, stable |
| Pairs well with | Cyan, white, lime | Indigo, slate, gray |
| Use case | Weather, travel, social apps | Banking, enterprise dashboards, links |
| Best For | Casual, consumer apps | Professional, enterprise apps |
Our Recommendation
Sky for light, consumer-friendly interfaces. Blue for professional and enterprise applications.
Tailwind Classes
Sky
Background: bg-sky-500
Text: text-sky-500
Border: border-sky-500
Blue
Background: bg-blue-500
Text: text-blue-500
Border: border-blue-500
#blues#sky#blue#comparison