Color Contrast Checker
WCAG 2.1 contrast ratio for any two colors, with AA and AAA verdicts.
Colours accept HEX (#1a1a1a), rgb(26,26,26) and rgb(26 26 26). The ratio and the pass/fail verdicts follow WCAG 2.1 relative luminance.
How to use the Color Contrast Checker tool
- Enter your contrast checker in the fields above.
- Adjust any slider or type an exact number — the answer updates as you go.
- Copy the result and close the tab. Nothing you entered was sent anywhere.
About the Color Contrast Checker tool
Enter a text color and a background color and get the exact WCAG 2.1 contrast ratio, with a live preview of the two colors together and pass/fail verdicts for AA, AAA and non-text UI elements.
The thresholds are AA 4.5:1 for normal text, AA 3:1 for large text and interface graphics, and AAA 7:1. Colors can be given as HEX or RGB, in either comma or space separated form.
Everything runs locally in your browser: no data is uploaded, no account is needed, and it works offline once the page has loaded.
Embed this tool
Customize and copy an iframe. Linking back helps both sites.