WCAG Color Contrast Checker
WCAG color contrast checker for text and background colors with AA/AAA results and contrast ratio.
Input
Hex values, with or without #
RGB
H
S
L
RGB
H
S
L
Heading
Subheading
Body
What-if contrast simulator
Suggested text color
Enter valid colors to see suggestions.
Suggested background
Enter valid colors to see suggestions.
Preview
17.74 : 1
17.74 : 1
Pass A+Pass AAAPass AA17.74 : 1
Pass A+Pass AAAPass AAInterface section label
Check your text contrast in context
Adjust text, background, and container colors to meet WCAG contrast ratios.
AA normal
4.5 : 1 or higher
AA large
3 : 1 or higher
AAA normal
7 : 1 or higher
Presets