👀 Color Contrast Checker
Ensure your colors pass WCAG AA/AAA accessibility standards
Readability Preview
This is an example of normal text to demonstrate how legible the contrast is between your chosen foreground and background.
Ratio: 6.29:1
#
#
AA NormalPass
Required: 4.5:1Standard 14pt (18px) regular weight text.
AA LargePass
Required: 3.0:1Large 18pt (24px) or 14pt (18px) bold text.
AAA NormalFail
Required: 7.0:1Enhanced contrast for standard text sizes.
AAA LargePass
Required: 4.5:1Enhanced contrast for large text elements.