Check color contrast against WCAG 2.2 thresholds.

Enter a text color and a background color to see the exact contrast ratio and whether it passes WCAG AA and AAA for normal text, large text, and UI components.

Text color

Background color

The quick brown fox jumps over the lazy dog.

Sample text at this size and these colors.

6.28:1

contrast ratio

AA, normal text(needs 4.5:1)Body copy under 24px (or 19px bold).

AA, large text(needs 3:1)Headings 24px+ (or 19px+ bold).

AA, UI components(needs 3:1)Borders, icons, and input outlines that convey state.

AAA, normal text(needs 7:1)Body copy under 24px (or 19px bold).

AAA, large text(needs 4.5:1)Headings 24px+ (or 19px+ bold).