Accessibility Color Contrast Checker

Ensure your color combinations are accessible and comply with WCAG (Web Content Accessibility Guidelines)

Select Colors

WCAG Contrast Requirements:
  • AA (Minimum): 4.5:1 for normal text, 3:1 for large text
  • AAA (Enhanced): 7:1 for normal text, 4.5:1 for large text
  • UI Components: 3:1 for graphical objects and UI components

Contrast Results

4.5:1
Contrast Ratio
WCAG AA
PASS
WCAG AAA
FAIL
Text Examples:
This is normal text (18px)
This is large text (24px)
This is normal text (18px)
This is large text (24px)
UI Element Example:
Button
Button