Contrast Grid

Test many foreground and background color combos for compliance with WCAG 2.0 minimum contrast.

Include one color per line, with an optional comma-separated label.

Rows

Rows & Columns Use distinct rows & columns values Use the same rows & columns values

Tile Size

S(80×80) M(100×100) L(150×150)

Show

AAA AA AA18 DNP

Background Text	#FFFFFF	#18222D	#9CAEC7
White #FFFFFF		Text AAA 16	Text DNP 2.2
#18222D	Text AAA 16		Text AAA 7.1
#9CAEC7	Text DNP 2.2	Text AAA 7.1
AAA Pass, AAA (7+) AA Pass, AA (4.5+) AA18 Pass, Large Text Only (3+) DNP Does Not Pass About WCAG 2.0 contrast

Updating Code…