Contrast Checker
Check the contrast ratio between text and background colors against WCAG AA and AAA.
Preview text
The quick brown fox jumps over the lazy dog.
WCAG contrast
17.85:1
- Normal text AA (4.5:1): Pass
- Large text AA (3:1): Pass
- Normal text AAA (7:1): Pass
Your files are processed directly in your browser whenever possible.
How to use
- 1Enter text and background hex colors.
- 2Read the contrast ratio and AA/AAA pass or fail.
- 3Adjust colors until the preview is readable.
How it works
Contrast Checker runs in your browser whenever possible. Your data stays on your device and is not uploaded to our servers unless a feature explicitly requires it.
Example
Dark text #0f172a on white #ffffff is about 16.1:1 (AAA).