Free tool
Color Contrast Checker
Check whether your text and background colors meet the WCAG 2.2 AA color contrast guidelines — right in your browser, nothing is stored.
Large preview text
Normal preview text to judge the contrast.
Contrast ratio: 19.89:1
AA — normal text (4.5:1)✓ Pass
AAA — normal text (7:1)✓ Pass
AA — large text (3:1)✓ Pass
AAA — large text (4.5:1)✓ Pass
AA — UI components (3:1)✓ Pass
What is WCAG color contrast?
WCAG 2.2 AA requires a contrast ratio of at least 4.5:1 between text and background (3:1 for large text and UI components like buttons). Low contrast makes text hard to read for people with low vision or in bright light. This check only covers the measurable side of WCAG — a full accessibility audit also needs manual keyboard and screen reader testing.