Color contrast checker for WCAG

Compare foreground and background colors. Calculate their contrast ratio and check WCAG AA and AAA thresholds for normal and large text.

Choose opaque text and background colours. Ratio uses sRGB relative luminance and compares AA and AAA thresholds for normal and large text.

Processed in your browser: your data are not uploaded.

Set your data

Set your data

Choose opaque text and background colours. Ratio uses sRGB relative luminance and compares AA and AAA thresholds for normal and large text.

Result

Your result will appear here.

We count which tools are used most, without including entered values or file contents in the statistics. Privacy

How to use it

Choose opaque text and background colours. Ratio uses sRGB relative luminance and compares AA and AAA thresholds for normal and large text.

Method and limits

Opaque sRGB colours; large text is at least 18 pt or 14 pt bold. WCAG 2.2 text contrast only.

Sources and further reading