- Home
- Design tools
- Contrast Checker
Contrast Checker
Make sure everyone can read your text. Enter the text and background colors to see the ratio and WCAG results.
Free, no sign-up. Runs in your browser: nothing is uploaded.
How to use Contrast Checker
- Enter the text and background colors.
- Read the ratio and pass/fail results.
- Use a suggested passing color.
Features
- AA and AAA for normal and large text
- Live preview
- Nearest passing color
- Swap colors
Private by design
Everything you type is calculated by your browser on this device. Nothing is sent to openWorkstand or anyone else, so the Contrast Checker is safe for private and work data, and it keeps working offline once the page has loaded. How local processing works
When to use the Contrast Checker
- Make text readable for everyone.
- Check WCAG accessibility compliance.
- Choose accessible button colors.
Frequently asked questions
What 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.
Keep working with the result
openWorkstand also includes a free workspace with documents, spreadsheets, tasks, projects and a calendar that save to a folder on your computer.