# Color contrast checker

> Check a text and background colour pair against WCAG 2 contrast requirements, with a live preview and the nearest passing shade suggested.

Canonical: https://www.joelcsaji.com/tools/color-contrast

Category: Design. Interactive: open the canonical URL in a browser to use it. It runs entirely client-side.

## What it does

- Contrast ratio with AA and AAA results for normal and large text.
- Live preview of the pair as text and as a button.
- Suggests the nearest lighter or darker shade that passes.

Back to all tools: https://www.joelcsaji.com/tools