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

#164e63 - A rich turquoise in deep tones.

  • 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

Top Matches

cyan-900
Distance: 0.00
cyan-800
Distance: 6.46
sky-900
Distance: 7.16
slate-700
Distance: 8.35
gray-700
Distance: 8.58

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 #164e63 / cyan-900
Brand accent #10485D / cyan-900
Complementary accent #69311C / orange-900
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