Free · Private · WCAG 2.2

Check contrast. Get the fix.

Most checkers only tell you a colour fails. This one finds the closest colour that passes, keeping the same hue, so your design still looks like your design.

Your colours

Large heading text

Body text at 15px. The quick brown fox jumps over the lazy dog, then reads the terms and conditions.

Button outline
–contrast ratio

Closest fixes

Fixes keep the hue and saturation and change only lightness, by the smallest amount that passes.

Pro SOON

  • Check a whole palette at once: every text and background pair in one grid
  • APCA scores alongside WCAG 2.2
  • Figma plugin: fix contrast on selected layers in place
Join the waitlist for early pricing →

What ratio do I need?

WCAG 2.2 AA asks for 4.5:1 for body text, and 3:1 for large text (24px, or 18.66px bold) and for UI parts such as borders and icons. AAA asks for 7:1 and 4.5:1.

How is the fix chosen?

The tool moves lightness up or down until the pair passes, and picks whichever direction changes the colour least. Hue and saturation stay the same.

Is anything sent anywhere?

No. Everything is calculated in your browser.