What is a good color contrast ratio?

WCAG sets 4.5:1 as the minimum for normal body text (AA) and 7:1 for the stricter AAA level. Large text (about 24px, or 18.66px bold) can pass AA at 3:1. Higher is always more readable — for body copy, aim for at least 4.5:1.

Why does contrast matter for my website?

Low-contrast text is hard to read for everyone and genuinely inaccessible for people with low vision — which hurts usability, conversions, and can create legal accessibility exposure. Good contrast is one of the simplest, highest-impact accessibility wins, and it's part of how we build every site.

Home/Free Tools/Color Contrast Checker

Color contrast checker

Is your text easy
to read?

Pick a text colour and a background and instantly see the WCAG contrast ratio, with a live preview and clear AA / AAA pass-or-fail. A quick accessibility check anyone can run.

Start a project ↗ See pricing

This tool needs JavaScript. Please enable it, or just ask us ↗ and we'll help you out.

Text

Background

Big, bold headlineAnd the smaller body copy your visitors actually read, line after line.

Contrast ratios follow the official WCAG 2.2 formula. Passing contrast is one part of accessibility, not the whole of it — read our accessibility approach for the rest.

Let's build something lasting

Let's turn this into
a real plan.

Tell us what you're building and we'll send a straight, fixed proposal — no pressure, no sales fog.

Start a project ↗ Call (320) 979-0347

Email[email protected]

Phone(320) 979-0347

StudioBuffalo, Minnesota

ServingTwin Cities west metro

Is your text easyto read?

Let's turn this intoa real plan.

Is your text easy
to read?

Let's turn this into
a real plan.