WCAG Colour Contrast Checker
Like this tool?
Please consider donating and help support the up keep & development of this online tool.
We wish to keep these tools free for all to use so your support is appreciated.
Please consider donating and help support the up keep & development of this online tool.
We wish to keep these tools free for all to use so your support is appreciated.
| Ratio | |
| WCAG 2.1: | |
| Normal text (below 18pt regular or 14pt bold) | |
| Large text (≥18pt regular or ≥14pt bold) | |
| Normal AAA Text | |
| Large AAA Text | |
| WCAG 2.2: | |
| Minimum Contrast (SC 1.4.11) | |
Color contrast is one of the most fundamental aspects of web accessibility. It refers to the difference in luminance or color between text and its background, ensuring that content is legible for all users, including those with visual impairments. Poor contrast can make text difficult to read, especially for people with low vision, color blindness, or when viewing content on mobile devices in bright sunlight. Strong contrast not only improves accessibility but also enhances usability for everyone, creating a more inclusive digital experience.
Color contrast is one of the most fundamental aspects of web accessibility. It refers to the difference in luminance or color between text and its background, ensuring that content is legible for all users, including those with visual impairments. Poor contrast can make text difficult to read, especially for people with low vision, color blindness, or when viewing content on mobile devices in bright sunlight. Strong contrast not only improves accessibility but also enhances usability for everyone, creating a more inclusive digital experience.
