Battenburg

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