Developer tool · Free · No sign-up

Color Contrast Checker

Ensure your text and background colors meet WCAG accessibility standards.

Live Preview

The quick brown fox

jumps over the lazy dog.

Colors & Ratio

Foreground

Background

Contrast Ratio

21.00:1

AA Normal Text

Pass

AA Large Text

Pass

AAA Normal Text

Pass

AAA Large Text

Pass

About this tool

Web accessibility is crucial. If your text and background colors don't have enough contrast, visually impaired users won't be able to read your content. This tool calculates the exact contrast ratio between two colors and shows you if it passes WCAG 2.1 AA and AAA standards for normal and large text.

Key features

WCAG 2.1 Compliance

Instantly see if your colors pass AA and AAA standards for normal and large text.

Live Preview

See exactly how your text looks against the background color in real-time.

Color Picker

Easily pick colors using native browser color palettes or paste Hex codes.

How to use it

1Enter or pick a Foreground (text) color.
2Enter or pick a Background color.
3View the contrast ratio and pass/fail badges.
4Adjust colors until you get a 'Pass' for your desired standard.

Common use cases

Designing accessible UI components before writing code.
Auditing an existing website for ADA compliance.
Choosing accessible chart colors for data visualization.

Frequently asked questions

What is WCAG?

Web Content Accessibility Guidelines (WCAG) are international standards ensuring web content is accessible to people with disabilities.

What contrast ratio do I need?

For WCAG AA, you need 4.5:1 for normal text and 3:1 for large text. For AAA, you need 7:1 and 4.5:1 respectively.

Does this tool support RGB or HSL?

Currently, it accepts Hex codes (e.g., #FFFFFF) and native color picker inputs, which are converted to calculate the ratio.

Private and free. Most of our tools run entirely in your browser, so the data you enter isn't uploaded or stored. There's no sign-up, and there never will be — they're built by the Fusion Trail Solutions team to be genuinely useful.