Skip To main content

Color Contrast Checker

Enter a foreground and background color in #hex or RGB integer format to check contrast for accessibility (pressing enter or tab after changing the value will update the color selection).

Foreground color settings
Background color settings
Background Red:
Background Green:
Text size settings

Note

The compliance rate shown above is the highest compliance rate met. The WCAG 2 level AA and Section 508 refresh compliance level is based on achieving a contrast ratio of 3:1 for text with a size of 18 points (14 points if bolded) or larger or 4.5:1 for text with a size less than 18 points. The WCAG 2 level AAA compliance level is meet when a contrast ration of 7:1 is achieved for text less than 18 points and 4.5:1 for text 18 points (14 points if bolded) or larger.

The algorithm used in this tool and subsequent results are based on the text luminosity algorithm recommended in the WCAG 2 guidelines to test for contrast. This tool is for general assessment purposes only and not a guarantee of conformance/compliance.

Start with our free accessibility tools

With automated scanning, an algorithm continuously evaluates code to identify certain accessibility errors. A scan will reveal a “health score” based on its findings, providing a baseline to measure improvement over time.

And while having a great scanner is key, having a platform that makes sense of the results is crucial. No other platform can provide context and clarity to accessibility findings, with greater visibility to the history of issues identified.

Results of an automated accessibility scan

Sponsorships and memberships

  • Proud supporter NFB logo
  • AIMM logo
  • ANA logo
  • IAAP logo
  • W3C logo

Ready to get started?