👁️
Design Tools

Contrast Checker

Check WCAG color contrast ratio.

How to use Contrast Checker

  1. Enter the requested text, number, date or file.
  2. Select the available options and press the action button.
  3. Review, copy or download the generated result.

About this tool

Check WCAG color contrast ratio. Processing happens directly in your browser whenever possible, so your input is not uploaded to our server.