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.
#D5788A
#451EFF
#70B657
#9B2A69
#E910EA
#3BB282
#ED6C3A
#1794B9
#74E899
#0DE500
#D5788A
Fail 2.39
Fail 1.24
Fail 2.35
Fail 1.20
Fail 1.14
Fail 1.01
Fail 1.15
Fail 2.00
Fail 1.78
#451EFF
Fail 2.39
Fail 2.95
Fail 1.02
Fail 1.99
Fail 2.73
Fail 2.36
Fail 2.07
AA 4.77
AAL 4.24
#70B657
Fail 1.24
Fail 2.95
Fail 2.91
Fail 1.49
Fail 1.08
Fail 1.25
Fail 1.43
Fail 1.61
Fail 1.44
#9B2A69
Fail 2.35
Fail 1.02
Fail 2.91
Fail 1.96
Fail 2.69
Fail 2.32
Fail 2.04
AA 4.69
AAL 4.17
#E910EA
Fail 1.20
Fail 1.99
Fail 1.49
Fail 1.96
Fail 1.38
Fail 1.19
Fail 1.04
Fail 2.40
Fail 2.13
#3BB282
Fail 1.14
Fail 2.73
Fail 1.08
Fail 2.69
Fail 1.38
Fail 1.16
Fail 1.32
Fail 1.75
Fail 1.55
#ED6C3A
Fail 1.01
Fail 2.36
Fail 1.25
Fail 2.32
Fail 1.19
Fail 1.16
Fail 1.14
Fail 2.02
Fail 1.80
#1794B9
Fail 1.15
Fail 2.07
Fail 1.43
Fail 2.04
Fail 1.04
Fail 1.32
Fail 1.14
Fail 2.30
Fail 2.05
#74E899
Fail 2.00
AA 4.77
Fail 1.61
AA 4.69
Fail 2.40
Fail 1.75
Fail 2.02
Fail 2.30
Fail 1.12
#0DE500
Fail 1.78
AAL 4.24
Fail 1.44
AAL 4.17
Fail 2.13
Fail 1.55
Fail 1.80
Fail 2.05
Fail 1.12