Color contrast
Calculates WCAG contrast between two colors and checks normal and large text.
Processed on this device. The files are not sent to a server.
How to use this tool
- Enter the text and background color in HEX.
- Review the sample and the ratio.
- See if it meets AA or AAA for normal text.
What you should know
WCAG 2 calculation for solid sRGB colors, no alpha. Large text means at least 24px or 18.66px bold. This color check does not certify all accessibility of a site.
What ratio does normal text need?
4.5:1 for AA and 7:1 for AAA. Large text requires at least 3:1 for AA.