Contrast Checker — Low-contrast text is one of the most common accessibility failures. This checker computes the WCAG contrast ratio between any two colors and tells you whether the pair passes AA and AAA for normal and large text.
Contrast calculations run locally in your browser.
Was Contrast Checker useful?
What is contrast checker?
Low-contrast text is one of the most common accessibility failures. This checker computes the WCAG contrast ratio between any two colors and tells you whether the pair passes AA and AAA for normal and large text.
A live preview shows your exact combination, so you can judge readability with your own eyes before shipping a palette.
How to use it
-
Pick text and background colors
Use the two color pickers or type HEX values.
-
Read the ratio and badges
Pass/fail is shown for AA and AAA at both text sizes.
Examples
Maximum contrast
Black on white is the reference maximum.
#000000 on #ffffff
Result: 21.00 : 1 — passes AA and AAA at all sizes
Frequently asked questions
Related guides
How to Test Color Contrast for Accessibility (WCAG 2.2 Explained)
Color contrast is the most-measured accessibility metric on the web. This guide explains the WCAG 2.2 contrast formula, the AA and AAA thresholds, and how to make sure your site is usable for people with low vision.
How to Make a Color Palette from a Photo (and Why You Should)
A photo is a great source for a color palette — the colors already work together. This guide covers the visual approach, the algorithmic approach, and the right tools for designers and developers.
The 8 Best Free Color Tools in 2026 (For Designers and Developers)
A curated list of the best free color tools: pickers, palette generators, contrast checkers, format converters, and image-based color extractors. All run locally, no signup, no upload.
Related tools
Last reviewed: 2026-09-18