Color Contrast Checker

Check WCAG contrast ratios between two colors. Instant AA / AAA pass status for normal text, large text, and UI components.

Foreground

Background

The quick brown fox jumps over the lazy dog.

Contrast ratio17.85:1

Normal text

AAA

Large text

AAA

UI components

WCAG 2.1: AA requires 4.5:1 (3:1 for large text). AAA requires 7:1 (4.5:1 for large). Large = 18pt+ or 14pt+ bold.

Related tools

Convert between HEX, RGB, and HSL with an accurate live preview.

Format and validate JSON. Indented or minified output, with clear error messages.

Encode text to Base64 or decode Base64 back to text. UTF-8 safe.

Percent-encode or decode URL components.