contrast checker
Check a text and background pair against WCAG 2.2 and APCA at the same time. Runs entirely in your browser, nothing is uploaded, no account needed.
Large text at 24px
Body text at 16px. The quick brown fox jumps over the lazy dog, and then reads the contrast report underneath.
6.96WCAG 2.2 ratio
- AA, normal text
- 4.5:1pass
- AA, large text
- 3:1pass
- AAA, normal text
- 7:1fail
- AAA, large text
- 4.5:1pass
- AA, UI components
- 3:1pass
-47.4APCA Lc
Clears Lc 45, minimum for larger text. The sign is polarity: this pairing is light on dark.
APCA weights lightness perceptually rather than as a luminance ratio, so it disagrees with WCAG most on dark backgrounds and on thin type. Where the two disagree, treat the stricter one as the answer.