Color Contrast CheckerReadable text for everyone.

Check any text and background color against WCAG 2 AA and AAA for normal text, large text and interface elements.
See the APCA score, preview real text and get the closest color that passes.

WCAG AA & AAAAPCA score includedFix suggestions

No sign-up No upload No watermark

Loading the color picker…

Colors and images stay on your device.

THREE SIMPLE STEPS

How to use the Color contrast checker

Enter two colors

Set the text and background colors with the pickers, or paste any HEX, RGB or HSL code.

Read the result

The contrast ratio and pass or fail for each WCAG level appear instantly, with a live preview.

Fix what fails

Click a suggested color to get the closest text color that passes AA or AAA.

WaveSpeed AI

Turn your palette into pictures

Generate images and videos in your brand colors from a prompt with WaveSpeed AI.

Start creating Explore 1,000+ AI Models

1,000+ AI models
Image, video and 3D
Pay as you go

$1 in free credits for eligible new accounts. No card needed. Generators have separate account and credit requirements. The color picker is free.

Color contrast checker FAQ

What contrast ratio do I need?

WCAG 2 level AA asks for 4.5:1 for normal text and 3:1 for large text (24px, or 19px bold) and for interface elements. Level AAA asks for 7:1 and 4.5:1.

How is the contrast ratio calculated?

From the relative luminance of the two colors: (lighter + 0.05) ÷ (darker + 0.05). It ranges from 1:1 for identical colors to 21:1 for black on white.

What is APCA?

The Accessible Perceptual Contrast Algorithm proposed for WCAG 3. It gives a lightness contrast (Lc) that accounts for which color is the text. It is shown alongside the WCAG 2 ratio.

How can I make my colors pass?

Use a suggested color: it keeps your hue and changes lightness just enough to reach 4.5:1 or 7:1 against your background.

All Free Tools

Color Picker Color Palette Generator Image color picker HEX to RGB