AA
Color Contrast Checker
Check text and background contrast ratio for readable UI.
Contrast ratio
—
WCAG AA
—
WCAG AAA
—
Sample text
Check text and background contrast
Enter a text HEX and a background HEX. The page shows the contrast ratio and a simple pass or fail for readable normal text.
The sample line uses your two colors. Math uses relative luminance.
For the full WCAG AA / AAA matrix including large text and UI graphics, use the WCAG Contrast Checker.
color contrast checker FAQ
What is a good contrast ratio for text?
Aim for at least 4.5:1 between text and background for body copy. This page reports the ratio and a simple pass or fail.
Is the color contrast checker free?
Yes. Contrast math runs in your browser.
Related tools
AAA
WCAG Contrast Checker
Test text and background colors against WCAG AA and AAA, including large text.
CB
Color Blindness Simulator
Preview how a color looks with protanopia, deuteranopia, or tritanopia.
HEX
Color Picker
Free color picker online. Pick a color and copy HEX, RGB, HSL, HSV, and CMYK.
VAR
CSS Color Code Generator
Generate CSS color, background-color, and custom property declarations.