Contrast
Ratio

?

How to use

Step 1: Type in the color of your background.

Step 2: Type in the color of the text or the foreground.

Step 3: Hover over the circle to see more information.

The circle in the middle will display wether you are compliant or not. It will also give you the actual contrast ratio.

All of the text on this page are used as sample text at different sizes, fonts and bolds so you can see how readable your text is on top of the background.