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
#DDDDDD
#CCCCCC
#888888
#404040
#000000
#2F78C5
#0F60B6
#398EEA
White
#FFFFFF
Text
AAA 10
Text
AAA 21
#F2F2F2
Text
AAA 9.2
Text
AAA 18.7
#DDDDDD
Text
AAA 7.6
Text
AAA 15.4
#CCCCCC
Text
AAA 13
#888888
Charcoal
#404040
Text
AAA 10
Text
AAA 9.2
Text
AAA 7.6
Black
#000000
Text
AAA 21
Text
AAA 18.7
Text
AAA 15.4
Text
AAA 13
Effective on Extremes
#2F78C5
Effective on Lights
#0F60B6
Ineffective
#398EEA
AAA Pass, AAA (7+)
AA Pass, AA (4.5+)
AA18 Pass, Large Text Only (3+)
DNP Does Not Pass
About WCAG 2.0 contrast