Color Contrast Checker
Check text and background colors against WCAG contrast thresholds before a design ships.
Contrast Ratio
--
AA Normal
--
AA Large
--
Current Text
--
Readable text should be obvious.
Use this preview to spot check the color pair at the selected size and weight.
Interpretation
Enter valid colors to check contrast.
Black and white alternatives will appear here when useful.
Ready.