Color contrast

Check whether two colors give text enough contrast.

Calculate the sRGB relative-luminance ratio and compare normal or large text against WCAG 2.2 AA and AAA thresholds.

Text color

Background color

Readable sample text

Contrast ratio

Normal text · AA:

Normal text · AAA:

Large text · AA:

Large text · AAA:

What counts as large text?

WCAG techniques describe large text as at least 18 point, or at least 14 point when bold. Browser CSS pixels and rendered font metrics still require design judgment. See the W3C WCAG 2.2 contrast criterion for the normative requirements and exceptions.