zoom_in Click to enlarge

WebAIM Contrast Checker

▲ ▼

language

description WebAIM Contrast Checker Overview

The WebAIM Contrast Checker is a free web-based tool designed to evaluate color contrast ratios. It assesses whether color combinations meet the Web Content Accessibility Guidelines (WCAG) standards. This utility is particularly useful for designers, developers, and content creators ensuring digital materials are accessible and usable by individuals with visual impairments.

help WebAIM Contrast Checker FAQ

What WCAG contrast ratio is required to pass the WebAIM Contrast Checker?

To pass WCAG AA standards for normal text, the WebAIM Contrast Checker requires a contrast ratio of at least 4.5:1 against the background. For large text (18pt or 14pt bold), the requirement lowers to 3.0:1.

What is the difference between AA and AAA ratings in the WebAIM tool?

The AA rating is the standard compliance level required for most government and public websites, whereas AAA is the strictest level. Achieving an AAA rating requires a contrast ratio of 7.0:1 for normal-sized text.

Does the WebAIM Contrast Checker support RGB and HEX colors?

Yes, the tool allows you to input colors using standard HEX codes, RGB values, or simply by using a native color picker. It dynamically calculates the ratio in real time as you adjust the foreground and background inputs.

Can I use the WebAIM Contrast Checker to test gradient backgrounds?

The WebAIM Contrast Checker is designed for solid background colors and cannot accurately calculate contrast ratios for CSS gradients. For gradients, it is best practice to isolate the lightest and darkest colors of the gradient and test the text against both independently.

swap_horiz

Looking for WebAIM Contrast Checker alternatives? Compare top competitors ranked & scored

arrow_forward