Contrast logo

Contrast

Check color contrast against WCAG as you design.

✓ No extra sign-upFree to useFigma Plugins
Open in Figma Figma Community

What is Contrast?

Contrast by WillowTree checks the contrast ratio between text and its background right in Figma. Select a layer and it instantly finds the color behind it, shows the ratio and tells you which WCAG levels (AA, AAA) it passes.

It can also scan a whole page for text with too little contrast and includes beta support for the newer APCA method.

Key features

  • Instant contrast ratio for any selected layer
  • WCAG AA and AAA pass or fail
  • Page-wide scan for contrast issues
  • Beta APCA support

Pros

  • Makes accessibility checks part of the workflow
  • Automatic background detection
  • No extra account

Cons

  • Complex backgrounds like images can be inaccurate
  • Only checks color contrast

Best for

Accessible UI designChecking brand colorsReviews before developer handoff

Ratings and reviews

No reviews yet. Used it? Be the first to rate it.

Rate and review

No account needed. Reviews are checked before they appear, and links are not allowed.

Contrast FAQ

Is Contrast free?

Contrast is free. You only need your Figma account.

Do I need an account to use Contrast?

Contrast does not need its own account or API key. Like every Figma plugin it runs inside Figma, so you only need your existing free Figma account.

What are some alternatives to Contrast?

Similar free tools that also work without an account include Unsplash for Figma, Iconify for Figma, Pexels for Figma, Lorem Ipsum for Figma, Design Lint and Rename It.

Similar to Contrast

More free tools that work without an account.

Browse by category