Color Contrast Checker
Check text/background color pairs against WCAG contrast ratios.
Runs locally · Nothing uploaded
Loading tool…
Advertisement
About Color Contrast Checker
Computes the WCAG contrast ratio between a foreground and background color and shows pass/fail results for AA and AAA at normal and large text sizes, with a live preview of the pairing. Use it to verify designs meet accessibility requirements before they ship.
Related tools
Web & CSSRuns locally in your browser.Color ConverterConvert colors between HEX, RGB, and HSL with a live swatch.Web & CSSRuns locally in your browser.Box Shadow GeneratorDesign CSS box shadows visually and copy the generated code.Web & CSSRuns locally in your browser.HTML PreviewerPaste HTML and render it instantly in a sandboxed preview.