Tools

Contrast Checker

Make sure your color choices are as accessible as possible by checking the contrast ratio of your background and text colors.

WCAG 2.1 Level
Text Color
Background Color
Contrast Ratio
4.5 : 1
Preview

Regular Text

A high color contrast makes anything easier to read

Passfor 17pt and below

Large Text

A high color contrast makes anything easier to read

Passfor 18pt and above / 14pt bold and above

Graphic Components

Passfor icons and actionable graphics

Make your design as inclusive as possible with Adobe’s Contrast Checker

This tool lets you quickly verify that the contrast ratio of text and background color combinations meet the standards of the Web Content Accessibility Guidelines (WCAG)

You can instantly evaluate the contrast ratio by entering the foreground and background colors.