Skip to main content
Skip to content

WCAG Contrast Checker

WCAG 2.2 and WCAG 3.0 accessibility ratings

This WCAG contrast checker rates every color pair in your palette so you can fix inaccessible text and UI states early. Generate a full color palette, inspect shade contrast, or read the WCAG contrast guide.

50
AAA
17.6
100
AAA
15.2
200
AAA
11.2
300
AAA
7.9
400
AA
5.5
500
AA18
3.9
600
AA
6.5
700
AAA
9.2
800
AAA
12.6
900
AAA
16.2
950
AAA
17.6
50
AAA
17.6
100
AAA
15.3
200
AAA
11.4
300
AAA
8.1
400
AA
5.6
500
AA18
4
600
AA
6.4
700
AAA
9
800
AAA
12.6
900
AAA
16.2
950
AAA
17.6
50
AAA
17.6
100
AAA
15.4
200
AAA
11.4
300
AAA
8.3
400
AA
5.7
500
AA18
4
600
AA
6.2
700
AAA
9
800
AAA
12.5
900
AAA
16.2
950
AAA
17.6