What is the minimum WCAG contrast ratio?

WCAG 2.1 AA mandates a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text. AAA requires a minimum of 7:1 for normal text and 4.5:1 for large text.

What qualifies as large text?

Large text is defined as 18pt (approximately 24px) or larger, or 14pt (approximately 18.67px) bold or larger.

Does this tool upload my colors?

No. All calculations, relative luminance evaluations, and color modifications occur in your browser using JavaScript. No color data is transmitted to the server.

WCAG Color Contrast Checker

Evaluate the contrast ratio of text and background colors based on WCAG 2.1 guidelines. Instantly generate accessible color adjustments.

Text / Foreground Color HEX/RGB/HSL

Background Color HEX/RGB/HSL

Everything runs locally in your browser.

Live Text Preview

Large Heading (18pt Bold / 24pt Regular)

This is a preview of the large heading text style.

Normal Text (Under 18pt)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel massa lectus.

Contrast Ratio

18.6:1

WCAG 2.1 Compliance Status

WCAG AA Requirements

Normal Text (4.5:1) PASS

Large Text (3.0:1) PASS

WCAG AAA Requirements

Normal Text (7.0:1) PASS

Large Text (4.5:1) PASS

WCAG 2.1 Guidelines

Easily verify contrast standards to build accessible interfaces that comply with Section 508, ADA, and WCAG AA or AAA guidelines.

Suggestions Engine

Automatically adjust colors incrementally along HSL coordinates to find the closest alternatives that meet the contrast ratio criteria.

Fully Client-Side

Computations are executed locally within your browser context. No colors, files, or telemetry coordinates are transmitted to our servers.

Related Color Tools

HEX RGB HSL Color Converter

Convert colors and adjust lightness coordinates.

Image Color Picker

Extract color palettes from design mockups.

CSS Color Converter

Convert between CMYK, HSV, RGB, HSL, and HEX formats.