Colour Contrast Checker
Pick a foreground and a background. See the contrast ratio and whether it meets WCAG 2.x AA and AAA. Live preview at six text sizes. In your browser, no upload.
Quick pairs:
21.00:1
Excellent — passes everything
AAA normal text ≥ 7.0 Pass
AA normal text ≥ 4.5 Pass
AAA large text ≥ 4.5 Pass
AA large text ≥ 3.0 Pass
UI components (1.4.11) ≥ 3.0 Pass
12px — small print, legalese, fine print. The quick brown fox jumps over the lazy dog.
14px — body text, small UI labels. The quick brown fox jumps over the lazy dog.
16px — typical reading size. The quick brown fox jumps over the lazy dog.
20px — subheadings, larger labels. The quick brown fox jumps over the lazy dog.
24px — section headings. The quick brown fox jumps over the lazy dog.
32px — page headings. The quick brown fox jumps over the lazy dog.