Cyan vs Blue: Electric vs Classic Blue
Compare Tailwind's cyan and blue for data-driven and professional interfaces.
Cyan
#06b6d4
Green-shifted, electric blue
Blue
#3b82f6
True primary blue
Side-by-Side Comparison
| Aspect | Cyan | Blue |
|---|---|---|
| Undertone | Green-tinted, lighter | Deep, pure blue |
| Mood | Technical, modern, electric | Professional, stable, trustworthy |
| Pairs well with | Teal, sky, slate | Indigo, gray, white |
| Use case | Metrics, charts, real-time data | Navigation, primary actions, links |
| Best For | Dashboards, monitoring tools, data viz | Links, buttons, trust elements |
Our Recommendation
Cyan for data visualization and technical dashboards. Blue for standard UI actions and trust.
Tailwind Classes
Cyan
Background: bg-cyan-500
Text: text-cyan-500
Border: border-cyan-500
Blue
Background: bg-blue-500
Text: text-blue-500
Border: border-blue-500
#blues#cyan#blue#comparison