Contrast Checker

Check whether text and background colors meet WCAG contrast requirements

Foreground

Background

Preview

Headline Preview

Use this body copy to judge readability for buttons, paragraphs, and cards.

Contrast ratio

17.74:1

Pass

AA Large

Pass

AAA

Pass

AAA Large

Pass

Normal text (AA >= 4.5)Pass

Large text (AA >= 3.0)Pass

Normal text (AAA >= 7.0)Pass

Large text (AAA >= 4.5)Pass

About this tool

Contrast Checker is a free online media & visual page built for fast check whether text and background colors meet wcag contrast requirements. It works directly in the browser, which makes it useful for debugging, quick one-off tasks, and repeat workflows.

How to use

Open Contrast Checker and prepare the text, file, or parameters you want to work with.
Adjust the available options and review the output from Contrast Checker instantly.
Copy, download, or continue into related tools once the result looks correct.

Useful scenarios

Contrast Checker fits nicely into everyday workflows when you want fewer trips to local apps or the terminal.
If you only need quick check whether text and background colors meet wcag contrast requirements, a browser tool is often faster than writing a temporary script.
When the task spans multiple steps, you can move into related tools from the same category and keep the flow going.