Contrast Checker
Check whether two colors meet WCAG 2.2 contrast requirements.
Foreground
#
Background
#
Contrast Ratio
21.00:1
Passes all WCAG levels
Meets AAA for normal text, large text, and UI components
Preview
The five boxing wizards jump quickly.
The five boxing wizards jump quickly.
Button
Input field
WCAG 2.2 Results
21.00:1Normal textWCAG AAPass
Body copy and UI text at default size — requires 4.5:1, current 21.00:1
The five boxing wizards jump quickly.
Normal textWCAG AAAPass
Enhanced criterion for normal-sized text — requires 7:1, current 21.00:1
The five boxing wizards jump quickly.
Large textWCAG AAPass
Text at 18pt+ regular or 14pt+ bold — requires 3:1, current 21.00:1
The five boxing wizards jump quickly.
Large textWCAG AAAPass
Enhanced criterion for large text — requires 4.5:1, current 21.00:1
The five boxing wizards jump quickly.
UI components & meaningful graphicsWCAG AAPass
Buttons, inputs, icons, and graphical objects — requires 3:1, current 21.00:1
Icon element
Button / Input