Color Contrast Checker

Share Tweet

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.

Contrast Ratio: 4.68:1 (Good contrast)

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. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

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. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Normal text and images of text

WCAG AA (minimum contrast):

WCAG AAA (enhanced contrast):

Large text and images of text

WCAG AA (minimum contrast):

WCAG AAA (enhanced contrast):

Support this website
If you've found this site helpful, you can support it by linking to it. Just share this page on social networks, forums or add a link on your website. Thanks for your support!

Leave Feedback