Contrast Ratio Color Grid

Quickly compare every color in your palette against each other to see which combinations meet the Web Content Accessibility Guidelines (WCAG) minimum contrast ratios.

Hexadecimal color codes, in 3 or 6 digit format. One per line.

Scoring guide

AAA ≥7.00
Sufficient contrast for any text at WCAG Level AAA.
AA ≥4.50
Sufficient contrast for any text at WCAG Level AA, and large text at Level AAA.
AAL ≥3.00
Sufficient contrast for UI elements and large text at WCAG Level AA.
Fail <3.00
Doesn't meet minimum contrast. Only suitable for disabled UI elements and presentational (non-content) elements.
#000
#4B4B4B
#EEE
#FFF
#588157
#00E200
#786999
#7C56FC
#FC0
#000
Fail 2.41
AAA 18.10
AAA 21.00
AA 4.69
AAA 11.88
AAL 4.28
AA 4.59
AAA 13.89
#4B4B4B
Fail 2.41
AAA 7.52
AAA 8.72
Fail 1.95
AA 4.93
Fail 1.78
Fail 1.91
AA 5.77
#EEE
AAA 18.10
AAA 7.52
Fail 1.16
AAL 3.86
Fail 1.52
AAL 4.23
AAL 3.94
Fail 1.30
#FFF
AAA 21.00
AAA 8.72
Fail 1.16
AAL 4.48
Fail 1.77
AA 4.91
AA 4.57
Fail 1.51
#588157
AA 4.69
Fail 1.95
AAL 3.86
AAL 4.48
Fail 2.53
Fail 1.10
Fail 1.02
Fail 2.96
#00E200
AAA 11.88
AA 4.93
Fail 1.52
Fail 1.77
Fail 2.53
Fail 2.78
Fail 2.59
Fail 1.17
#786999
AAL 4.28
Fail 1.78
AAL 4.23
AA 4.91
Fail 1.10
Fail 2.78
Fail 1.07
AAL 3.25
#7C56FC
AA 4.59
Fail 1.91
AAL 3.94
AA 4.57
Fail 1.02
Fail 2.59
Fail 1.07
AAL 3.02
#FC0
AAA 13.89
AA 5.77
Fail 1.30
Fail 1.51
Fail 2.96
Fail 1.17
AAL 3.25
AAL 3.02