DevTools

TOOLS COLLECTION

Need a specific tool?

Request a new developer tool to be added to our collection.

Request a tool →

Color Contrast Checker

Check accessibility compliance for text colors against background colors using WCAG guidelines

Normal Text (14px)

Sample Text

Large Text (18px)

Sample Text

Contrast Ratio:
21:1
WCAG AA (Normal Text)
WCAG AAA (Normal Text)
WCAG AA (Large Text)
WCAG AAA (Large Text)

WCAG Contrast Requirements

Level AA: Requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.

Level AAA: Requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.

Large Text: Defined as text that is at least 18pt (24px) or 14pt (18.5px) bold.