Contrast Checker
Check WCAG 2.1 contrast ratios for text and background color pairs.
Sample Text
The quick brown fox jumps over the lazy dog.
17.74:1 contrast ratio
AA normal: PassAAA normal: PassAA large: PassAAA large: Pass
Color pair
#111827 on #FFFFFF
Why contrast matters+
Sufficient contrast between text and background improves readability for everyone and is required by WCAG accessibility guidelines. A ratio of 4.5:1 is the minimum for normal text (AA), and 7:1 for AAA.
Large text thresholds+
WCAG treats text as “large” at 18pt regular or 14pt bold. Large text only needs 3:1 for AA and 4.5:1 for AAA.