Free tool
Colour contrast checker
Check whether text and background colours meet WCAG 2.2 contrast requirements. Enter two colours, or open this tool from a contrast issue in your Access Lens report to test the exact colours found on your site.
Pick your colours
Hex code, e.g. #4A4A4A
Hex code, e.g. #FFFFFF
Result
Large text
The quick brown fox jumps over the lazy dog.
| Text Size | AA (Minimum) | AAA (Enhanced) |
|---|---|---|
| Small text | ||
| Large text |
Small text = regular weight below 16px, large text = bold weight above 18px.
Graphics & UI components (buttons, icons, borders)