HomeDeveloper toolsPalette Contrast Checker

Palette Contrast Checker

Check supplied color pairs against WCAG 2 text contrast thresholds.

Processing stays in your browser. Assumes opaque sRGB colors. AA normal text requires 4.5:1 and large text 3:1; actual text size and rendering still matter.

How to use the palette contrast checker

Check supplied color pairs against WCAG 2 text contrast thresholds. Complete the css colors json array fields above, or upload a UTF-8 text file for css colors json array. Choose Run tool, review the output, then copy or download the result.

Example

Black on white has a contrast ratio of 21:1.

Good to know

Assumes opaque sRGB colors. AA normal text requires 4.5:1 and large text 3:1; actual text size and rendering still matter.