Color accessibility studio

Check contrast, preview UI, and simulate color blindness.

How to use this tool

Pick your text, background, primary, and secondary colors. Check the contrast score and preview how it looks for different types of color blindness.

Text color Background color Primary color Secondary color

Text HEX Background HEX

Color blindness simulation

Heading example

This is a paragraph showing how your text color reads against the background you picked.

Badge

This is an alert message using your color combination.

This is a link example