Enter your colors in HEX format or click on the icon to use the color picker. Contrast ratio value will be updated automatically as you change color values. We use Web Content Accessibility Guidelines (WCAG) to calculate the color contrast ratio. WCAG Level AA success criterion states that a contrast ratio between a text and a background should be at least 4.5:1 for normal text and 3:1 for large text (at least 18 point or 14 point and bold). Level AAA requires a contrast ratio of at least 7:1 for normal text and 4.5:1 for large text.
This is an example of large text 18pt
Large text 18pt
This is an example of bold text 14pt
Bold text 14pt
Normal text 12pt: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
This is an example of large text 18pt
Large text 18pt
This is an example of bold text 14pt
Bold text 14pt
Normal text 12pt: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.