All tools / Color Contrast Matrix
DEVELOPER · ACCESSIBILITY
Color Contrast Matrix
Check color contrast ratios to meet WCAG accessibility guidelines. Paste any hex, RGB, or HSL color.
Pair checker
The quick brown fox jumps over the lazy dog.Large Text Sample
—contrast ratio
AA NormalAAA NormalAA LargeAAA LargeUI Components
Contrast matrix
Add colors to compare all combinations.