Contrast Ratio A contrast ratio checker to easily calculate color contrast ratios and pass Web Content Accessibility Guidelines (WCAG). ? ⇋ Swap colors How to use As you type, the contrast ratio indicated will update. Hover over the circle to get more detailed information. When semi-transparent colors are involved as backgrounds, the contrast ratio will have an error margin, to account for the dif
![Contrast Ratio - WCAG Color Contrast Checker](https://cdn-ak-scissors.b.st-hatena.com/image/square/d13b1d39004500da836fb796d80c2aaf8e9ca592/height=288;version=1;width=512/https%3A%2F%2Fwww.siegemedia.com%2Fwp-content%2Fuploads%2F2023%2F05%2FContrast-ratio-tool-social-v11.jpg)