Color Contrast Checker
Check WCAG color contrast for accessibility.
Free · No sign-up · Works in your browser
Almost before we knew it,
we had left the ground. Sample preview text.
Contrast ratio
17.06:1
WCAG AA — normal text (4.5:1)Pass
WCAG AA — large text (3:1)Pass
WCAG AAA — normal text (7:1)Pass
WCAG AAA — large text (4.5:1)Pass
About the Color Contrast Checker
Free color contrast checker — measure the contrast ratio between text and background and see if it passes WCAG AA and AAA.
How to use the Color Contrast Checker
- 1Pick a text color and a background color.
- 2Read the contrast ratio.
- 3Check the WCAG AA / AAA pass indicators.
Frequently asked questions
What contrast ratio do I need?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1 and 4.5:1 respectively.
Why does contrast matter?
Sufficient contrast keeps text readable for everyone, including users with low vision — and it's a common accessibility requirement.