WCAG Color Contrast Checker

Select any element with a background and foreground fill from your Figma design, and the plugin will:

Check if colors meet accessibility standards (WCAG AA and AAA)Provide accessible color suggestions while maintaining your design's aestheticsGuide you through text size and UI component requirementsExplain accessibility concepts in clear, simple termsPerfect for:

Designers checking design accessibilityTeams working on compliant user interfacesAnyone wanting to make their designs more inclusiveFeatures:

Real-time contrast analysisSmart color suggestionsEducational guidance on WCAG standardsEasy-to-understand results and recommendationsThis tool helps ensure your designs are not just beautiful, but accessible to all users.