#f3f4f6 - A very bright shade of azure.

Commonly used for Backgrounds, Text, and Subtle borders

Top Matches

gray-100

Distance: 0.00

All green Shades

Other Color Combinations

Monochromatic

Complementary

Analogous

Triadic

Complete Brand Palette

Primary brand color #f3f4f6 / gray-100

Brand accent #D7DAE2 / gray-300

Complementary accent #D3CEC5 / stone-300

Text & UI elements #1e293b / slate-800

Backgrounds & borders #e2e8f0 / slate-200

Accessibility Considerations

Use darker shades (700+) for text on light backgrounds

Maintain sufficient contrast between adjacent gray shades

See all Tailwind colors