Contrast

Accessibility Contrast Checker

Check color contrast ratios for WCAG accessibility compliance

Color Selection

Contrast Analysis

21.00 :1
Perfect contrast

WCAG 2.1 Compliance

AA Normal Text
✓ Pass
AA Large Text
✓ Pass
AAA Normal Text
✓ Pass
AAA Large Text
✓ Pass

Color Information

Foreground RGB: rgb(0, 0, 0)
Background RGB: rgb(255, 255, 255)
Foreground Luminance: 0.000
Background Luminance: 1.000

Live Preview

Sample Heading

This is a sample paragraph with bold text and italic text to demonstrate how your color combination looks in practice.

Normal text size (16px) needs a contrast ratio of at least 4.5:1 for AA compliance and 7:1 for AAA compliance.

Large Text Example

Large text (18px+ or 14px+ bold) needs a contrast ratio of at least 3:1 for AA compliance and 4.5:1 for AAA compliance.

Sample Link

Understanding WCAG Guidelines

AA Level (Minimum)

  • Normal text: 4.5:1 minimum contrast ratio
  • Large text: 3:1 minimum contrast ratio
  • Required for most legal compliance

AAA Level (Enhanced)

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

Large text definition: Text that is at least 18pt (24px) or 14pt (18.5px) bold.