Free tool
Accessible color pair checker
Check that any two colors meet WCAG AA contrast.
Type
Design
free tool
Privacy
Zero
no tracking, no storage
Instant
Results
processed in your browser
Built by
WebGrow24
senior team
Enter two colors in hex. Get the contrast ratio and a pass or fail against WCAG AA.
How to use
- 1Enter a foreground color and a background color in hex.
- 2Read the contrast ratio.
How we compute
You get a contrast ratio and a pass or fail against WCAG AA for body text, large text and UI controls.
Questions
Frequently asked questions
Check that any two colors meet WCAG AA contrast.
What is WCAG AA contrast?
Body text needs 4.5 to 1. Large text and UI controls need 3 to 1.
My colors fail WCAG AA. What can I do?
Darken the foreground, lighten the background, or shift the hue toward higher-luminance options. If you cannot change the colors (for example, a logo), increase the font size or add an outline to the text to boost apparent contrast without changing the colour pair.
Tools
Related tools
Browse other tools
Step through every free tool the WebGrow24 team ships.
Free tool
Need a custom tool?
We build custom SEO, content and analytics tools for clients. Fixed scope in 48 hours.
Or call us:+91 96875 72424hello@webgrow24.com