Color contrast checker

Color contrast checker

Check if your color scheme meet the WCAG 2 AA contrast ratio thresholds

Insert colors

Background color
Foreground color

How does it work?

Level AA requires a contrast ratio of at least 4.5:1 for normal text and 3:1 for large text or for user interface components.

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 (18.66px) and bold or larger, or 18 point (24px) or larger.

Related resources

All text elements must have sufficient contrast between text in the foreground and background colors behind it in accordance with WCAG 2 AA contrast ratio thresholds.
Learn more

Share this tool

Did u like it? Share it!

Related tools

Try these one!
Online image editor


Zoom in, scale, flip, rotate, crop and resize your images.

Upload and edit yours images file for free with dunplab image editor.

Go edit
Generate favicon for web, Android, iOs, Microsoft and Apps


Generate icons for web, Android, iOs, Microsoft and Apps.

Show a graphical representation of your site within browser's address bar.

Go generate
Online image color palette


Upload yours images and get the color palette.

Get color palette for all dominant colors identified in your uploaded image.

Go get
Site Snapshot


Quicly capture any web page screenshot and thumbnails.

Get image rendering on desktop and mobile and thumbnails filmstrip with loading timing.

Go capture