Contrast Checker

Check the contrast ratio between a text color and its background against the WCAG AA and AAA accessibility thresholds. Enter two colors and see the ratio plus a clear pass/fail for normal and large text, so you know whether real users can actually read it.

Low contrast is one of the most common accessibility failures. Use this to validate a color pairing before shipping, meet legal accessibility requirements, or pick a readable text color for a given background. Calculated locally in your browser.