Accessibility Tool

WCAG Contrast Checker

Verify your color combinations meet WCAG 2.1 accessibility standards. Essential for UI designers and web developers.

The quick brown fox jumps over the lazy dog. DraftHue makes accessibility easy.

Contrast Ratio

17.06:1

1:13:1 (UI)4.5:1 (AA)7:1 (AAA)21:1

WCAG 2.1

Compliance Results

Normal Text

Body copy, captions

AAA

≥ 4.5:1 (AA), ≥ 7:1 (AAA)

Large Text

18px+ or 14px bold

AAA

≥ 3:1 (AA), ≥ 4.5:1 (AAA)

UI Components

Borders, icons, inputs

≥ 3:1 (AA)

Your Setting

16px normal

AAA

Normal text rules

Quick Start

Colors

Text Color (Foreground)

Background Color

Preview

Font Size: 16px (Normal)

Report

Copies a text report with ratio, hex codes, and all WCAG levels for sharing with clients or teams.