Color Contrast Checker

Preview foreground and background colors and check WCAG 2.x contrast ratios.

Text color

Background color

Sample body text

Large text

—

How to use

Set text and background colors with the picker or hex/RGB values. Results update as you type.

FAQ

Which formats are supported?: Hex (#RGB, #RRGGBB), and rgb()/rgba().
What is large text?: 18pt+ regular or 14pt+ bold, per WCAG definitions.
Offline?: Yes, all checks run in your browser.