Design tools

Color Contrast Checker

Compare two opaque colors against WCAG text contrast thresholds.

How to use this tool

  1. Enter your values in the labelled fields.
  2. Choose the direction or options, then select Run tool.
  3. Review the result and copy it when ready.

AA requires at least 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 and 4.5:1 respectively. Font size, weight and other accessibility requirements still apply.

Processing takes place in this browser. Your entries are not sent to a conversion service.

Explore all KitBox tools