Color Contrast Checker

Test color combinations against WCAG standards to ensure readable text for all users.

Preview
See how your text looks with the selected colors.

Sample Heading

This is an example of how your text will look with the selected color combination. Make sure it's readable for all users.

#000000
#FFFFFF
Color Picker
Adjust colors using hex values or RGB sliders.
Contrast Results
WCAG 2.1 compliance information.
21:1
Contrast Ratio
WCAG AA (Normal Text)
Pass
WCAG AAA (Normal Text)
Pass
WCAG AA (Large Text)
Pass
WCAG AAA (Large Text)
Pass
About Contrast
Understanding WCAG contrast requirements.

WCAG 2.1 defines specific contrast ratios for text and interactive elements to ensure readability for users with low vision or color vision deficiencies.

Requirements:

  • AA Level (minimum): Contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.
  • AAA Level (enhanced): Contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
  • Large Text: Defined as 18pt (24px) or 14pt (18.5px) if bold.