Contrast Checker

Add the widget to any frame. Choose the settings, hit the Edit icon to add a foreground color to compare against. And it will tell you if you pass.

Easy testing

Test any frame and any color against WCAG AA or AAA Contrast Guidelines. Great for creating design systems and easily being able to keep your scores up to date.

See how to use it with the Contrast Checker Playground.


The plugin is open source on Github

Submit a Figma resource now!


Never miss a thing! Sign up for our newsletter to stay updated.


Figma Hunt curates the best new Figma resources, every day. Discover the latest Figma templates, plugins and resources all in one place, updated constantly.