Free tool
Color Contrast Checker
Check any text and background combination against WCAG AA and AAA standards. See the contrast ratio, pass/fail, and a live preview as you tweak.
Text color
Background
Large textNormal body text sample
13.99:1contrast ratio
AA — normal text (≥ 4.5:1)Pass
AA — large text (≥ 3:1)Pass
AAA — normal text (≥ 7:1)Pass
AAA — large text (≥ 4.5:1)Pass
FAQ
What contrast ratio do I need?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text (≥24px, or ≥18.66px bold). AAA is stricter: 7:1 and 4.5:1 respectively.
What counts as large text?
Text that is at least 24px, or 18.66px and bold. Large text is allowed a lower contrast ratio because it's easier to read.
Now design the whole app.
Bender turns a prompt into a full set of themed mobile screens you can edit, test, and export. Free to start — no credit card.
Try Bender free