◈Free
WCAG color contrast
Compute contrast ratio and WCAG 2 AA/AAA text thresholds.
Compute contrast ratio and WCAG 2 AA/AAA text thresholds. Compare foreground and background relative luminance to report a contrast ratio and text thresholds. Results distinguish WCAG 2 AA and AAA for normal and large text.
How to use
- Enter your text, values, or image.
- Adjust the options and run the tool.
- Copy or download your result.
Worked example
Example input
Text color: #000000 Background color: #ffffff
Example result
{
"ratio": 21,
"aaNormal": true,
"aaLarge": true,
"aaaNormal": true,
"aaaLarge": true
}Limitations and details
Only opaque #RGB or #RRGGBB colors are modeled; font size, image backgrounds and complete page accessibility require separate review.
Inputs and options
- Text color
- Text
- Background color
- Text
Frequently asked questions
Is this tool free and private?
Yes. All 300 tools are free in this phase. Processing happens in your browser; your input and files are not sent to our servers.