Color Contrast Checker

Ensure your color combinations meet WCAG contrast requirements for readability.

Usage

Provide your foreground and background colors to check contrast compliance.

Examples

• "Check if #666 text on #fff background meets WCAG AA"
• "Find an accessible alternative to light gray on white"
• "Audit our entire color palette for contrast compliance"

Guidelines

• Target 4.5:1 ratio for normal text (WCAG AA)
• Target 3:1 ratio for large text and UI components
• Test both light and dark mode color schemes
• Consider users with color vision deficiencies
• Never rely on color alone to convey information