Color Contrast Checker
Verify WCAG compliance of color combinations with real-time calculation
How to use: Select foreground and background colors to check their contrast ratio. WCAG AA requires 4.5:1 for normal text and 3:1 for large text.
Color Selection
Choose foreground and background colors
Contrast Results
WCAG compliance check
Large Text (18pt+)
Normal text (under 18pt)
WCAG Guidelines
WCAG AA (Minimum): Requires 4.5:1 contrast for normal text and 3:1 for large text (18pt+ or 14pt+ bold).
WCAG AAA (Enhanced): Requires 7:1 contrast for normal text and 4.5:1 for large text.
Large Text: Defined as 18pt (24px) or larger, or 14pt (18.66px) or larger if bold.
Why it matters: Proper color contrast ensures content is readable for users with visual impairments, including color blindness and low vision.