Quick Answer
What is a good color contrast ratio?
// Answer
WCAG accessibility guidelines require a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text to pass level AA. For the stricter AAA level, normal text needs 7:1. The ratio compares the relative luminance of the text and background colors.
WCAG thresholds
| Level | Normal text | Large text |
|---|---|---|
| AA | 4.5:1 | 3:1 |
| AAA | 7:1 | 4.5:1 |
Why use this tool
Make text readable for everyone
Low contrast text is hard to read, especially for users with low vision. Checking contrast ensures your design is accessible and compliant. Large text is defined as 18pt+ (or 14pt+ bold).
FAQ
Frequently asked questions
At least 4.5:1 for normal text and 3:1 for large text to meet WCAG AA.
It compares the relative luminance of two colors, ranging from 1:1 (identical) to 21:1 (black on white).
Text that is at least 18pt (24px) regular or 14pt (18.66px) bold.
Yes, free and running entirely in your browser.
Advertisement
More tools