WCAG Contrast Checker
Check color contrast ratios for WCAG 2.1 accessibility. Instant AA/AAA pass/fail for text and UI. Runs in your browser.
Large text sample
Normal body text sample. The quick brown fox jumps over the lazy dog while a designer checks whether this passes WCAG contrast requirements.
UI component
Contrast ratio
17.87:1
Normal text
AA (4.5:1)✓ Pass
AAA (7:1)✓ Pass
Large text (18pt+ / 14pt bold)
AA (3:1)✓ Pass
AAA (4.5:1)✓ Pass
UI components & graphics
Non-text contrast (3:1)✓ Pass
About WCAG contrast
WCAG 2.1 success criterion 1.4.3 requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (Level AA). Level AAA (1.4.6) raises these to 7:1 and 4.5:1. Criterion 1.4.11 requires 3:1 for UI components and meaningful graphics. Everything is computed locally — no data leaves your browser.