0
100
200
300
400
500
600
700
800
900
1000
1100
0
100
200
300
400
500
600
700
800
900
1000
1100
Figma plugin#8 in Accessibility

Color contrast checker WCAG 2.1

Color Contrast Ratio checker based on WCAG 2.1

by Tommy Jepsen

users
41K
likes
123
saves
3.2K
comments
3
Open in Figma
FreeWorks inFigma Design
Price
Free
Latest version
v4 · May 17, 2023
First published
Mar 21, 2023
Publisher
Tommy Jepsen
On this page
Overview

About Color contrast checker WCAG 2.1

Color contrast checker WCAG 2.1 is a free Figma plugin published by Tommy Jepsen in 2023. It works in Figma Design and has 40,798 users and 123 likes on the Figma Community. It ranks #8 in Accessibility on our lists.

In the developer's words

Check a foreground and a background against each other to see the color contrast of them.

Changelog

What's new

Version 4 · released May 17, 2023

  • Updated link not returning a blank screen
Trust

Permissions and privacy

Network access

This plugin's manifest doesn't declare its network access, which is common for older plugins. Figma shows a warning on the Community page for plugins like this.

Extra permissions

None beyond the standard access to the file you run it in.

Read from the plugin's published manifest.

Rankings

Where Color contrast checker WCAG 2.1 ranks

Compare

Color contrast checker WCAG 2.1 alternatives

  1. 1

    Stark

    by Stark

    577K users10KFree

    Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff

    View details
  2. 2

    Contrast

    by Alex Carr

    515K users8.3KFree

    Quickly check and scan for contrast issues on gradients, images, blends, and fills.

    View details
  3. 3

    A11y

    by Kelly Gorr

    315K users4.7KFree

    Text color accessibility

    View details
  4. 4

    UI Color Palette /one・WCAG Color Palette Manager for Apps & Websites

    by Aurélien Grimaud

    92K users814Free + $8/mo upgrade

    Color Palettes that meet WCAG Guidelines and Operations (tailored for individuals)

    View details
  5. 5

    Color contrast

    by Aleksandra Walczak

    82K users474Free

    Color contrast checker

    View details
  6. 6

    Contrast

    by Roman Nurik

    72K users341Free

    Quickly run a visual contrast report on your design.

    View details
FAQ

Color contrast checker WCAG 2.1 FAQ

What does Color contrast checker WCAG 2.1 do?

Color Contrast Ratio checker based on WCAG 2.1. It's a Figma plugin by Tommy Jepsen that runs in Figma Design.

Is Color contrast checker WCAG 2.1 free?

Yes. Color contrast checker WCAG 2.1 is free to install and run from the Figma Community, with no paid tier listed.

How do I install Color contrast checker WCAG 2.1?

Open it on the Figma Community, or search for it in the Actions menu (Cmd/Ctrl + K) inside any file you can edit. See how to install Figma plugins.

What are the best alternatives to Color contrast checker WCAG 2.1?

By user count, the closest alternatives are Stark, Contrast by Alex Carr and A11y. Compare all of them on the best Figma plugins for accessibility.

For developers

Built this plugin?

Use this page as a landing page for Color contrast checker WCAG 2.1: link to it from your site, README or launch posts, or add a badge. Pick a style and copy the code.

Color contrast checker WCAG 2.1 on figmaplugins.co

Style

Label

Size

Code

<a href="https://figmaplugins.co/plugins/color-contrast-checker-wcag-2-1/" target="_blank" rel="noopener"><img src="https://figmaplugins.co/badges/featured-dark.svg" alt="Color contrast checker WCAG 2.1 on figmaplugins.co" width="220" height="48"></a>