Free Color Tools

Color Contrast Checker

Check color contrast online free with WCAG ratio results for text and background colors. Test AA and AAA accessibility levels.

Client-side

Contrast result

Readable text preview

Use this preview to check body text, button labels and headings before publishing your design.

Contrast ratio

17.74:1

Normal text AA

Pass

Large text AA

Pass

Normal text AAA

Pass

Large text AAA

Pass

Foreground: #111827
Background: #ffffff
Contrast ratio: 17.74:1
Normal text AA: Pass
Large text AA: Pass
Normal text AAA: Pass
Large text AAA: Pass

Color Tools

About Color Contrast Checker

Check color contrast online free with WCAG ratio results for text and background colors. Test AA and AAA accessibility levels. The work happens in your browser, so your input stays on your device while you prepare the result.

Checking whether text colors are readable on buttons, cards and page backgrounds.

Improving accessibility before publishing a UI or graphic.

Practical notes

WCAG AA requires at least 4.5:1 for normal text and 3:1 for large text.
Do not rely on color alone for important interface states.

Related tools

Color Picker

Common questions

Does this tool upload my data?

No. The tool runs in your browser and keeps the selected content on your device.

Is this tool free?

Yes. It is free to use in the browser and does not require an account.