Developers · free tool

Color contrast checker

Check WCAG contrast (AA/AAA).

◐
Runs in your browser⌑ Your data stays on your device

About this tool

Enter text and background colors (HEX) to get the contrast ratio and WCAG AA/AAA result.

When to use it

  • Design interfaces.
  • Check accessibility.
  • Choose colors.
Example

#000000 on #FFFFFF → 21:1 (AAA).

How to use

  1. Enter text color.
  2. Enter background color.
  3. Click "Check".
What are AA and AAA?

WCAG levels (4.5:1 and 7:1 for normal text).

Supports HEX?

Yes.

Is data uploaded?

No, processing is local.

Large text?

≥18pt or 14pt bold.

Transparency?

Not in this version.