How to use the Color Contrast Checker
Choose foreground and background colors to calculate their contrast ratio and common WCAG text thresholds.
About this tool
Calculate WCAG contrast ratio between two colors. The interface is designed to work on phones, tablets, and desktop browsers.