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