Contrast Checker
Calculate the contrast ratio between a text color and a background color to ensure readability and WCAG compliance.
Colors
Contrast Ratio
Preview
The quick brown fox jumps over the lazy dog
Large Text - 18pt or 14pt Bold
A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine.
Normal Text - 12pt or 14pt Regular
About WCAG Contrast Requirements
The Web Content Accessibility Guidelines (WCAG) 2.0 level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text.
Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text. Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger.
Note on transparency: This tool evaluates solid colors. If you are using transparent colors, they need to be evaluated over the actual background they appear on.