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

#f1f5f9 - A gentle very bright azure.

  • Commonly used for Backgrounds, Text, and Borders

Other Color Combinations

Monochromatic

Complementary

Analogous

Triadic

Complete Brand Palette

Primary brand color #f1f5f9 / slate-100
Brand accent #CDDDEC / slate-300
Complementary accent #DECCBA / stone-300
Text & UI elements #1e293b / slate-800
Backgrounds & borders #e2e8f0 / slate-200

Accessibility Considerations

Slate-900 on Slate-50 meets WCAG AAA requirements

Ensure sufficient contrast between adjacent shades