Color Contrast Checker — Free Online Tool

Check WCAG 2.1 contrast ratio between a foreground and background color, with AA and AAA pass/fail for text sizes.. Color Contrast Checker is a free online tool from the ToolsRift Developer Tools collection. It runs entirely in your browser — nothing to install, no signup, and your data never leaves your device.

Loading Color Contrast Checker

How to use Color Contrast Checker

Pick a text color and a background color and the tool computes their contrast ratio, then shows whether it passes WCAG AA and AAA for normal and large text.

Frequently asked questions

What contrast ratio do I need?

WCAG AA requires 4.5:1 for normal text and 3:1 for large text; AAA raises this to 7:1 and 4.5:1 respectively.

What counts as large text?

Text at least 18pt (24px), or 14pt (18.66px) bold, qualifies as large and is held to a lower contrast threshold.

Why does contrast matter?

Sufficient contrast keeps text readable for users with low vision or color deficiency and is required for accessible, compliant design.

More Developer Tools

CSS Clamp Generator
Generate a fluid CSS clamp() for responsive typography or spacing that scales linearly between two viewport widths.
Unix Timestamp
Unix — human date + live now.
Cron Parser
Explain cron and next 10 run times.
Cron Generator
Build cron from schedule dropdowns.
Timezone Dev
Major timezone clock table.
Date Format Calc
20+ date format conversions.

← View all Developer Tools