Contrast ranges for white & black text by L

Settings

Chroma: From to in steps of

Hue: From to in steps of

Skip colors outside the gamut

Text color	Level	APCA		WCAG 2.1
Text color	Level	Min	Max	Min	Max
{{ color }}	{{ level }}

Conclusions

These are the guarantees we have for each range of L based on the data above. It does not mean that pairs outside these ranges will certainly fail or won’t be readable, just that we cannot tell just by looking at the L.

L:		{{ percent(bounds[i - 1]) }} to {{ percent(bounds[i]) }}
Compliance WCAG 2.1	{{ color }}	{{ value ? "✅" : "" }} {{ value \|\| "" }}
Compliance WCAG 2.1	Readability APCA	{{ color }}	{{ value === "best" ? "😍 Best" : value === "ok" ? "🙂 OK" : "" }}