Cyan vs Sky: Light Blues Compared
Compare Tailwind's cyan and sky for fresh, modern blue-toned interfaces.
Cyan
#06b6d4
Green-shifted light blue
Sky
#0ea5e9
True light blue, slightly cyan
Side-by-Side Comparison
| Aspect | Cyan | Sky |
|---|---|---|
| Undertone | Green-leaning, aquatic | Blue-leaning, airy |
| Mood | Technical, sharp, electric | Friendly, open, approachable |
| Pairs well with | Teal, blue, slate | Blue, indigo, white |
| Use case | Dev tools, data visualization, tech | Weather apps, social, consumer |
| Best For | Tech dashboards, utilities, data | Social apps, friendly UIs, weather |
Our Recommendation
Cyan for technical and data-focused interfaces. Sky for consumer-facing and friendly designs.
Tailwind Classes
Cyan
Background: bg-cyan-500
Text: text-cyan-500
Border: border-cyan-500
Sky
Background: bg-sky-500
Text: text-sky-500
Border: border-sky-500
#blues#cyan#sky#comparison