Color Contrast Checker (WCAG)

Check text and background colours against WCAG AA/AAA accessibility rules, with a suggested fix.

How to use

  1. Pick text and background colours.
  2. If it fails, use the suggested colour, which keeps your hue but fixes the contrast.

FAQ

What is WCAG AA?

The accessibility level most laws and companies target: 4.5:1 for normal text and 3:1 for large text.

Open Color Contrast Checker (WCAG) · All free tools