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.
#7D8018
#37F7C3
#2204B8
#6106FC
#B9CD19
#D118CE
#CC992F
#FA976B
#F9CB95
#AC39F3
#7D8018
AAL 3.07
Fail 2.80
Fail 1.69
Fail 2.37
Fail 1.05
Fail 1.64
Fail 1.95
Fail 2.82
Fail 1.07
#37F7C3
AAL 3.07
AAA 8.58
AA 5.19
Fail 1.29
AAL 3.22
Fail 1.87
Fail 1.57
Fail 1.09
AAL 3.29
#2204B8
Fail 2.80
AAA 8.58
Fail 1.65
AA 6.64
Fail 2.66
AA 4.59
AA 5.46
AAA 7.88
Fail 2.61
#6106FC
Fail 1.69
AA 5.19
Fail 1.65
AAL 4.02
Fail 1.61
Fail 2.78
AAL 3.30
AA 4.76
Fail 1.58
#B9CD19
Fail 2.37
Fail 1.29
AA 6.64
AAL 4.02
Fail 2.50
Fail 1.45
Fail 1.22
Fail 1.19
Fail 2.55
#D118CE
Fail 1.05
AAL 3.22
Fail 2.66
Fail 1.61
Fail 2.50
Fail 1.73
Fail 2.05
Fail 2.96
Fail 1.02
#CC992F
Fail 1.64
Fail 1.87
AA 4.59
Fail 2.78
Fail 1.45
Fail 1.73
Fail 1.19
Fail 1.72
Fail 1.76
#FA976B
Fail 1.95
Fail 1.57
AA 5.46
AAL 3.30
Fail 1.22
Fail 2.05
Fail 1.19
Fail 1.44
Fail 2.09
#F9CB95
Fail 2.82
Fail 1.09
AAA 7.88
AA 4.76
Fail 1.19
Fail 2.96
Fail 1.72
Fail 1.44
AAL 3.02
#AC39F3
Fail 1.07
AAL 3.29
Fail 2.61
Fail 1.58
Fail 2.55
Fail 1.02
Fail 1.76
Fail 2.09
AAL 3.02