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
AA 4.5
Text
AA 6.2
#F2F2F2
Text
AA 5.5
#DDDDDD
Text
AA 4.5
#CCCCCC
Text
AA 6.4
#888888
Text
AA 5.9
Charcoal
#404040
Text
AA 6.4
Black
#000000
Text
AA 5.9
Text
AA 4.6
Text
AA 6.2
Effective on Extremes
#2F78C5
Text
AA 4.5
Text
AA 4.6
Effective on Lights
#0F60B6
Text
AA 6.2
Text
AA 5.5
Text
AA 4.5
Ineffective
#398EEA
Text
AA 6.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