Global Tools Hub
Current language: English

Contrast Checker

Compare text and background colors, view the contrast ratio, and confirm WCAG accessibility levels.

How to use

  1. Enter foreground and background HEX colors or choose colors using the pickers.
  2. Use the swap button to quickly switch text and background colors.
  3. Review the contrast ratio and WCAG pass/fail results below.

Use 6-digit HEX values (for example #111827).

Use 6-digit HEX values (for example #111827).