WCAG Color Contrast Checker

Check text/background contrast ratio and WCAG AA/AAA compliance for accessibility.

Preview

Normal Text Preview

The quick brown fox jumps over the lazy dog. Accessibility checks help ensure readable UI.

Large Text Preview

Results

Contrast Ratio

17.74:1

AA (Normal Text)Pass

AAA (Normal Text)Pass

AA (Large Text)Pass

AAA (Large Text)Pass

FAQ

What WCAG checks are included?

The tool checks AA and AAA compliance for both normal-size text and large text.

How is contrast ratio calculated?

It uses the WCAG luminance formula to calculate contrast ratio between foreground and background colors.

Can I test both hex input and color picker values?

Yes. You can enter hex codes manually or choose colors with the built-in color pickers.

Related Tools

HEX to RGB

Convert hex color codes to RGB values.

HEX to HSL

Convert hex color codes to HSL values.

RGB to HEX

Convert RGB values to hex color codes.

RGB to HSV

Convert RGB values to HSV/HSB values.

RGB to CMYK

Convert RGB values to CMYK for print.

RGB to LAB

Convert RGB to CIE L*a*b* color space.