Free accessibility utility
Check the pair before you publish.
Enter an opaque text and background color to see their contrast ratio against common WCAG 2.2 thresholds. Everything stays in your browser.
1 · Choose the pair
Foreground and background.
Sample body text
Clear contrast helps more people read the interface.Use the result carefully
A pair is one check, not an audit.
WCAG 2.2 Success Criterion 1.4.3 uses a 4.5:1 minimum for normal text and 3:1 for large text. For adjacent non-text controls and meaningful graphics, Success Criterion 1.4.11 uses a 3:1 minimum.
This checks two opaque sRGB colors only. It does not inspect a live page, account for transparency, gradients, images, font weight, focus indicators, or decide that a whole experience conforms. Test the real interface and include non-color cues where meaning matters.
Your current pair meets the normal-text AA threshold; test the real component before relying on the result.