Colour contrast checker
Check a text colour against its background for WCAG AA and AAA. If it fails, get the nearest colour that passes.
Check a text colour against its background for WCAG AA and AAA. If it fails, get the nearest colour that passes.
# Colour contrast checker: WCAG AA and AAA
Check a text colour against its background for WCAG AA and AAA, and get the nearest colour that passes. Free, in your browser.
## What it does
Scans one web page against WCAG 2.2: colour contrast, text alternatives, names and labels, headings, ARIA, tap target size and more. Every issue comes with a plain-English fix, and the checks a machine cannot decide are listed to do by hand.
## How it works
The page is loaded in a real browser by Google PageSpeed Insights and checked with Lighthouse's accessibility audit, which runs axe-core. Only the address entered is scanned.
## Palette generator
Turns brand colours into 11-step scales and accessible light and dark themes, with every text and background pair checked against WCAG AA or AAA. Copy the palette to Figma as editable swatches, or as CSS, Tailwind or design tokens.
## Contrast checker
Check any two colours for WCAG AA and AAA, for normal text, large text and interface parts, and get the nearest text or background colour that passes.