WCAG Contrast Checker
Compare two colors and see WCAG 2.1 contrast ratio with AA / AAA pass / fail badges for normal and large text.
Foreground
Background
Sample preview
The quick brown fox jumps over the lazy dog
Normal body text — at 16px / 400 weight this is what readers will encounter most often. Lorem ipsum dolor sit amet.
Smaller caption text — fine print, footnotes, metadata.
Contrast ratio
13.35:1
AA · Normal text
Need ≥ 4.5
AA · Large text
Need ≥ 3
AAA · Normal text
Need ≥ 7
AAA · Large text
Need ≥ 4.5
Large text = ≥ 18pt regular or ≥ 14pt bold. Per WCAG 2.1, ratio = (L1 + 0.05) / (L2 + 0.05) using sRGB relative luminance.