No. 0257 DESRecord
Color Contrast Checker
color contrast checker
Color contrast checker
Check if the text and background Color meet WCAG Accessibility standard
Title Text
This is a paragraph of body text, Content, For displaying color contrast effects.
This is small text21.00
Contrast ratio
Normal Text (AA)
✓
Pass (≥4.5:1)
Large Text (AA)
✓
Pass (≥3:1)
Normal Text (AAA)
✓
Pass (≥7:1)
Large Text (AAA)
✓
Pass (≥4.5:1)
WCAG Standard
- AA Level (Minimum requirement): Normal Text ≥4.5:1, Large Text ≥3:1
- AAA Level (Enhance): Normal Text ≥7:1, Large Text ≥4.5:1
- Large Text ≥18pt or ≥14pt Bold
Common next steps
Most people run these right after finishing here.
How to use — Color Contrast Checker
- Open the tool above and paste or type your input into the panel.
- Adjust the options, then read the result on the same screen.
- Copy the result, or clear the panel to start again.
Frequently asked questions
Is this tool free?
Yes. Every tool in the register is free, with no account and no sign-up.
Is my data uploaded to a server?
No. The tool runs entirely in your browser and your input never leaves your device.
Does it work offline?
Once the page has loaded, all processing happens locally, so it keeps working without a connection.
Embed this tool
Copy this snippet to place the tool on your own page. It keeps running locally in the browser and links back to the register.