WCAG Contrast Checker

Check whether a text and background colour pair meets WCAG AA or AAA contrast, for normal and large text.

Text colour

Background colour

The quick brown foxjumps over the lazy dog

Contrast ratio17.93:1

AA — normal textPass

AA — large textPass

AAA — normal textPass

AAA — large textPass

Ad space — always below the tool, never inside it

How to use wcag contrast checker

1Pick a text colourEnter or pick the colour your text will be.

2Pick a background colourEnter or pick the colour behind that text.

3Check the resultSee the contrast ratio and whether it passes WCAG AA and AAA.

AA is the standard accessibility target most sites should meet. AAA is a stricter, enhanced level — nice to hit but not always required.

Larger text (18pt+, or 14pt+ bold) is easier to read at lower contrast, so WCAG allows a lower ratio for it than for normal body text.