Contrast Checker

Check WCAG contrast between text and background

Enter a text color and a background color to see the WCAG contrast ratio, AA/AAA pass or fail for normal and large text, and a live preview. It accepts 3- or 6-digit HEX (with or without #) and rgb() values, so you can eyeball accessibility instantly. Nothing is sent anywhere; it all runs in your browser with no sign-in or backend.