Contrast Checker
Check WCAG color contrast for accessibility.
#1a1a1a#fbfbfaLarge sample text
This is what normal body text looks like with these colors.
16.81:1
Contrast ratio
AA normal text (4.5:1)Pass
AA large text (3:1)Pass
AAA normal text (7:1)Pass
AAA large text (4.5:1)Pass
How to use this tool
- 1Pick your text color and background color.
- 2See the contrast ratio and a live text preview.
- 3Check the WCAG AA and AAA pass/fail badges.
Frequently asked questions
What ratio do I need to pass WCAG?
AA requires 4.5:1 for normal text and 3:1 for large text. AAA requires 7:1 and 4.5:1 respectively.
What counts as large text?
18pt (24px) and larger, or 14pt (18.7px) bold and larger.