This tool assists you to verify whether your text and background colors are in accordance with accessibility guidelines under WCAG (Web Content Accessibility Guidelines). Simply follow these steps:

Select Text Color:
Select the Text Color from the colour picker.
Choose the color you will use for your writing.
Its hex value (such as #000000) will be placed alongside it.

Select Background Color:
Click in the colour picker beside Background Colour.
Choose your background color for your content.
The hex value will be updated accordingly.

Preview of Result:
Your chosen colors will update in real-time in the Sample text.
This allows you to view how the combination will look.

Ensure Contrast Ratio:
The tool computes and shows Contrast Ratio (for example, 4.5:1).
You will compare to see whether the mix passes or not.

Understand the Ratings:
AAA: Outstanding – Includes both normal text and large text.
AA: Acceptable. Copras qualify in some instances.
Fail: The contrast is too low.

Employ the Info Panel (bottom):
Find out more about what every rating represents.
Use it to direct your colour selection for improved readability and accessibility.