Color contrast ratio checker
Compare the brightness contrast between a foreground and background color, including WCAG AA thresholds.
How to use it
- 1
Enter a color value in one of the supported formats.
- 2
Compare color equivalents, contrast, or related swatches as applicable.
- 3
Copy the resulting color value or use the contrast finding in your design.
About this tool
Compare the brightness contrast between a foreground and background color, including WCAG AA thresholds. WCAG 2.1 and 2.2 relative luminance comparison.
Channel values are rounded for readability, and CMYK results are not printer-profile conversions. Alpha transparency is not supported.
Practical questions
What does this tool change or return?
Compare the brightness contrast between a foreground and background color, including WCAG AA thresholds. WCAG 2.1 and 2.2 relative luminance comparison.
What are its limitations?
Channel values are rounded for readability, and CMYK results are not printer-profile conversions. Alpha transparency is not supported.