AAA

WCAG Contrast Checker

Test text and background colors against WCAG AA and AAA, including large text.

Text HEXBackground HEX

Contrast ratio

—

AA normal

—

AA large

—

AAA normal

—

AAA large

—

UI / graphics

—

Sample text

Test WCAG AA and AAA contrast

Enter text and background HEX colors. This WCAG contrast checker reports AA and AAA for normal text, large text, and UI graphics using relative luminance.

Normal text needs 4.5:1 for AA and 7:1 for AAA. Large text can pass AA at 3:1. Non-text UI at 3:1.

For a simple contrast ratio without the full WCAG matrix, use the Color Contrast Checker.

WCAG contrast checker FAQ

What contrast ratio do I need for WCAG AA?

4.5:1 for normal text. Large text can pass AA at 3:1. AAA for normal text is 7:1.

Does this checker follow WCAG 2?

Yes. It uses relative luminance from WCAG 2 and the AA / AAA thresholds for text and UI graphics.

Is this WCAG contrast checker free?

Yes. Contrast testing runs in your browser with no account.

Related tools

Color Contrast Checker

Check text and background contrast ratio for readable UI.

Color Blindness Simulator

Preview how a color looks with protanopia, deuteranopia, or tritanopia.

HEX

Color Picker

Free color picker online. Pick a color and copy HEX, RGB, HSL, HSV, and CMYK.

VAR

CSS Color Code Generator

Generate CSS color, background-color, and custom property declarations.