Color Contrast Checker

Check if your color combinations are accessible.

Color Settings

Hello World

This is how your text looks against the background. Ensure it is readable for everyone.

Contrast Ratio
--
Waiting...

AA WCAG AA (Mid Level)

Normal Text --
Large Text --

AAA WCAG AAA (High Level)

Normal Text --
Large Text --

How to use Color Contrast Checker

  1. Select a Text Color.
  2. Select a Background Color.
  3. See the contrast score and WCAG pass/fail status.

About use Color Contrast Checker

Calculate the contrast ratio between text and background colors. Ensure compliance with WCAG AA and AAA accessibility standards.