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.

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.
#D17DC1
#53BF7F
#600731
#85CF69
#9A6DEC
#1A2456
#33B61F
#C20CCD
#473D11
#4B32DB
#D17DC1
Fail 1.23
AA 4.72
Fail 1.50
Fail 1.28
AA 5.18
Fail 1.06
Fail 1.75
AAL 3.82
Fail 2.67
#53BF7F
Fail 1.23
AA 5.81
Fail 1.22
Fail 1.58
AA 6.38
Fail 1.16
Fail 2.16
AA 4.70
AAL 3.28
#600731
AA 4.72
AA 5.81
AAA 7.08
AAL 3.67
Fail 1.10
AA 4.99
Fail 2.69
Fail 1.24
Fail 1.77
#85CF69
Fail 1.50
Fail 1.22
AAA 7.08
Fail 1.93
AAA 7.78
Fail 1.42
Fail 2.63
AA 5.72
AAL 4.00
#9A6DEC
Fail 1.28
Fail 1.58
AAL 3.67
Fail 1.93
AAL 4.04
Fail 1.36
Fail 1.37
Fail 2.97
Fail 2.08
#1A2456
AA 5.18
AA 6.38
Fail 1.10
AAA 7.78
AAL 4.04
AA 5.49
Fail 2.96
Fail 1.36
Fail 1.94
#33B61F
Fail 1.06
Fail 1.16
AA 4.99
Fail 1.42
Fail 1.36
AA 5.49
Fail 1.86
AAL 4.04
Fail 2.83
#C20CCD
Fail 1.75
Fail 2.16
Fail 2.69
Fail 2.63
Fail 1.37
Fail 2.96
Fail 1.86
Fail 2.18
Fail 1.52
#473D11
AAL 3.82
AA 4.70
Fail 1.24
AA 5.72
Fail 2.97
Fail 1.36
AAL 4.04
Fail 2.18
Fail 1.43
#4B32DB
Fail 2.67
AAL 3.28
Fail 1.77
AAL 4.00
Fail 2.08
Fail 1.94
Fail 2.83
Fail 1.52
Fail 1.43