Skip to main content

TOOLKIT

Color Contrast Checker

Easily enhance your website’s accessibility with the Siteimprove Color Contrast Checker. This tool helps you quickly identify and correct color contrast issues, ensuring your content is readable for everyone.

Text color

#

Background color

#

Result — Ratio: 9.68:1

Accessibility Grade AA AAA
Normal text pass pass
Large text pass pass
Graphics pass

This tool uses the WCAG 2 (the world’s authority on web accessibility) formula for color contrast. For level AA compliance, your text should have a contrast ratio of 4.5:1 (don’t worry, our tool will figure this out for you!). For level AAA compliance your text should have a contrast ration of 7:1—however, if your text is large (18+ point or 14 point if the text is bold), then your ratio can be 3:1 for AA compliance and 4.5:1 for AAA.

Siteimprove Toolkit

Check out the Siteimprove Toolkit. This collection of free tools will help you achieve your digital potential today.

Color contrast checker F.A.Q.