text tools

Color Contrast Checker

Enter foreground and background colors to calculate their sRGB contrast ratio and compare it with WCAG text thresholds.

Text color (hex)

Background color (hex)

Enter two hex colors and check their contrast.

This tool processes your inputs in your browser. It does not upload or save them. Read about site analytics and privacy.

How to use Color Contrast Checker

Enter foreground and background sRGB hex colors.
Use six-digit hex with an optional leading #.
Select Check contrast to calculate the ratio.
Read each text-size threshold independently.

Example

#1F2937 on #FFFFFF has a contrast ratio of about 14.7:1 and passes all listed text thresholds.

Limits and details

This checks solid sRGB colors only; transparency, gradients, and images are not evaluated.
Passing a ratio does not guarantee that a full page is accessible.

Common questions

What ratio is required for normal text?

WCAG AA requires 4.5:1 and AAA requires 7:1 for normal text.

What counts as large text?

WCAG defines large text as at least 18 pt regular or 14 pt bold; AA requires 3:1 and AAA 4.5:1.