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.

Use distinct rows & columns values Use the same rows & columns values
Background Text
#FFFFFF
#F2F2F2
#404040
#000000
White
#FFFFFF
Text
DNP 1.1
Text
AAA 10
Text
AAA 21
#F2F2F2
Text
DNP 1.1
Text
AAA 9.2
Text
AAA 18.7
Charcoal
#404040
Text
AAA 10
Text
AAA 9.2
Text
DNP 2
Black
#000000
Text
AAA 21
Text
AAA 18.7
Text
DNP 2
AAA Pass, AAA (7+)
AA Pass, AA (4.5+)
AA18 Pass, Large Text Only (3+)
DNP Does Not Pass
About WCAG 2.0 contrast