Color Contrast Checker

Check WCAG 2.1 color contrast compliance

Select Colors

Foreground (Text) Color

Background Color

Presets

Contrast Ratio

21.00

:1

WCAG 2.1 Compliance

AA Normal Text ✓

AA Large Text ✓

AAA Normal Text ✓

AAA Large Text ✓

Normal text: < 18pt or < 14pt bold

Large text: ≥ 18pt or ≥ 14pt bold

Preview

Small text (14px)

Normal text (16px)

Large bold text (18px)

Extra large text (24px)

Small text (14px)

Normal text (16px)

Large bold text (18px)

Extra large text (24px)

WCAG 2.1 Requirements

Level AA (Minimum)

• Normal text: 4.5:1 contrast ratio
• Large text: 3:1 contrast ratio
• Required for most websites

Level AAA (Enhanced)

• Normal text: 7:1 contrast ratio
• Large text: 4.5:1 contrast ratio
• Recommended for maximum accessibility

Related Tools

Explore more tools that might help you

JSON to CSV

Convert JSON to CSV format

Regex Tester

Test regular expressions

JWT Decoder

Decode and validate JWT tokens

Cron Parser

Parse and explain cron expressions

Hash Generator

Generate MD5, SHA1, SHA256 hashes

URL Encoder

Encode/decode URLs