ToolBoxy
Sign up free
🎨

Color Contrast Checker

color · contrast · wcag · accessibility · a11y

Aa Sample Text

The quick brown fox jumps over the lazy dog

—

contrast ratio

AA

Fail

Normal text (4.5:1)

AA Large

Fail

Large text (3:1)

AAA

Fail

Enhanced (7:1)

Preset combinations

How to use

  1. 1

    Choose a text and background color.

  2. 2

    The contrast ratio is calculated.

  3. 3

    Check WCAG AA/AAA pass or fail.

FAQ

Is this tool free?

Yes — no sign-up, no installation, completely free to use right away.

What is this tool?

This tool checks whether two colors have enough contrast to be readable, against accessibility (WCAG) standards. It helps make sure your text is legible for everyone. Everything runs in your browser.