🍔

Contrast Checker

Ratio

1

Normal

AA

AAA

Large

AA

AAA

UI

AA


This tool follows the Web Content Accessibility Guidelines (WCAG), which are a series of recommendations for making the web more accessible.

Regarding colors, the standard defines two levels of contrast ratio: AA (minimum contrast) and AAA (enhanced contrast).

The level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text (at least 18pt) or bold text.

The level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text or bold text.

Learn More

Lorem Ipsum

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam rem illum explicabo, obcaecati perferendis saepe nesciunt magni dolorum consequatur sit.