How to test
Smart color contrast checker
Check any foreground/background pair against WCAG 2.2, live ratio, AA/AAA results, a preview, and the closest colours that still pass.
Preview
Life is like a box of chocolates. You never know what you're gonna get.
This is how your text will look.
Contrast ratio
17.40 : 1AAA
- Normal text
- AApassesAAApasses
- Large text
- AApassesAAApasses
- UI components
- AApasses
Smart suggestions
Closest colours that pass AA
Your colours already pass every AA contrast requirement, no changes needed.
Calculations based on WCAG 2.2