Color & design
Color contrast checker
Check text and background color contrast. See the ratio, preview text, and compare WCAG AA and AAA thresholds for normal and large text.
Free to useNo sign-upOn your device
Opening your workspace…
How to use it
- 01
Set text and background colors.
- 02
Read the contrast ratio and normal/large text results.
- 03
Adjust the colors until the preview meets your target.
A few useful answers
What counts as large text?
WCAG uses at least 18-point regular text or 14-point bold text. Screen rendering and font choice can affect practical readability.
Does passing contrast mean a page is accessible?
No. Contrast is one requirement. Keyboard access, structure, labels, focus, and other accessibility factors also matter.