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 different colors they may be over.

This sample text attempts to visually demonstrate how readable this color combination is, for normal or bold text of various sizes and font styles.

Hint: Press the up or down keyboard arrows while over a color to lighten or darken it. Try with the Shift key too!

Contrast ratio

8.52
Passes AAA level for any size text
Github