AA

Color Contrast Checker

Check text and background contrast ratio for readable UI.

Contrast ratio
—
WCAG AA
—
WCAG AAA
—
Sample text

How to check contrast free

Check Color Contrast free with this color contrast checker. It shows the contrast ratio for text and background HEX.

How to check contrast: enter text HEX and background HEX. Read the contrast ratio and pass or fail.

This color contrast checker free page is built for desktop and mobile. Contrast Ratio Calculator free means no account, no install, and no signup.

Also try WCAG Contrast Checker, Color Blindness Simulator, Color Picker, CSS Color Code Generator.

color contrast checker free FAQ

How do I check color contrast?

Enter text HEX and background HEX. Read the contrast ratio and pass or fail.

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. You can check color contrast free with no signup and no software to install.

Can I check color contrast on mobile?

Yes. This contrast ratio calculator free tool works in a mobile browser. Open the page and get your result.

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.
#
Color Converter
Free all-in-one color converter. Paste HEX, RGB, HSL, HSV, or CMYK and copy every other format.
RGB
HEX to RGB
Convert a HEX color code to RGB. Free in your browser.