How to use the Color Contrast checker?
Using the Recite Me Color Contrast Checker is simple. Add the hex code or use the color selector to find your two desired colors.
The checker will immediate show the results in the box above, indicating if the contrast passes or fails WCAG compliance standards. The tool will highlight compliance results for small text, large text, and design elements.
If your selected colors do not meet the desired compliance level, you can find the nearest compliant color that meets AA or AAA standards. You can also use the ‘reverse’ button to swap the foreground and background colors.
The tool will also provide an example section, where you can see how your chosen colors appear in titles, paragraph text, form fields, and buttons.
