Tailwind ColorSnap
Updated for Tailwind v4
Input Color
Nearest TW Color
Distance: 0.00

#06b6d4 - A bold shade of deep teal.

  • Commonly used for interactive elements like buttons and links, secondary interface elements, visual indicators and status markers, decorative accents and highlights, and background elements and containers
  • You might recognize it from Vimeo's player controls, Trello's brand elements, and Digital Ocean's theme

Top Matches

cyan-500
Distance: 0.00
cyan-400
Distance: 10.06
sky-400
Distance: 11.71
cyan-600
Distance: 13.24
slate-400
Distance: 14.02

All green Shades

cyan-50
cyan-100
cyan-200
cyan-300
cyan-400
cyan-500
cyan-600
cyan-700
cyan-800
cyan-900
cyan-950

Other Color Combinations

Monochromatic

Complementary

Analogous

Triadic

Complete Brand Palette

Primary brand color #06b6d4 / cyan-500
Brand accent #00A8C4 / cyan-500
Complementary accent #DE3012 / red-600
Text & UI elements #1e293b / slate-800
Backgrounds & borders #e2e8f0 / slate-200

Accessibility Considerations

Check WCAG contrast requirements - 4.5:1 for normal text, 3:1 for large text

Ensure interactive elements are clearly distinguishable

See all Tailwind colors