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.
#2942DB
#C314CD
#76FCE5
#1DFA95
#83848D
#C3CB4E
#340204
#717BA1
#CA1755
#BA5FA4
#2942DB
Fail 1.49
AA 5.81
AA 5.23
Fail 1.95
AAL 4.13
Fail 2.50
Fail 1.74
Fail 1.30
Fail 1.82
#C314CD
Fail 1.49
AAL 3.91
AAL 3.52
Fail 1.31
Fail 2.78
AAL 3.72
Fail 1.17
Fail 1.14
Fail 1.22
#76FCE5
AA 5.81
AAL 3.91
Fail 1.11
Fail 2.98
Fail 1.41
AAA 14.55
AAL 3.33
AAL 4.47
AAL 3.20
#1DFA95
AA 5.23
AAL 3.52
Fail 1.11
Fail 2.68
Fail 1.27
AAA 13.11
AAL 3.00
AAL 4.03
Fail 2.88
#83848D
Fail 1.95
Fail 1.31
Fail 2.98
Fail 2.68
Fail 2.12
AA 4.89
Fail 1.12
Fail 1.50
Fail 1.07
#C3CB4E
AAL 4.13
Fail 2.78
Fail 1.41
Fail 1.27
Fail 2.12
AAA 10.35
Fail 2.37
AAL 3.18
Fail 2.28
#340204
Fail 2.50
AAL 3.72
AAA 14.55
AAA 13.11
AA 4.89
AAA 10.35
AAL 4.37
AAL 3.26
AA 4.55
#717BA1
Fail 1.74
Fail 1.17
AAL 3.33
AAL 3.00
Fail 1.12
Fail 2.37
AAL 4.37
Fail 1.34
Fail 1.04
#CA1755
Fail 1.30
Fail 1.14
AAL 4.47
AAL 4.03
Fail 1.50
AAL 3.18
AAL 3.26
Fail 1.34
Fail 1.40
#BA5FA4
Fail 1.82
Fail 1.22
AAL 3.20
Fail 2.88
Fail 1.07
Fail 2.28
AA 4.55
Fail 1.04
Fail 1.40