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	#5ADDF3	#525659	#191919	#0B8296
White #FFFFFF		Text DNP 1.6	Text AAA 7.4	Text AAA 17.5	Text AA 4.5
light blue #5ADDF3	Text DNP 1.6		Text AA 4.6	Text AAA 10	Text DNP 2.8
#525659	Text AAA 7.4	Text AA 4.6		Text DNP 2.3	Text DNP 1.6
#191919	Text AAA 17.5	Text AAA 10	Text DNP 2.3		Text AA18 3.8
#0B8296	Text AA 4.5	Text DNP 2.8	Text DNP 1.6	Text AA18 3.8
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…