Color Palette Contrast Checker

Selecting high contrast color combinations is critical to deliver accessible content. The W3C's Web Content Accessibility Guidelines or WCAG, suggest that foreground text over background colors meet a minimum contrast ratio. Adhering to these guidelines enables all users, including people vision impairments, to enjoy your content.

How to use

Import the hex or RGB color values that comprise your current color palette to see where they stand against WCAG 2.1 AA color contrast requirements. Indicate which colors are used for text or background treatments, as well as the font size and weight. The results will indicate the accessibility of your color choices. Combinations that exceed a contrast ratio of 4.5:1 or greater, will pass WCAG 2.1 AA. In some cases where the contrast ratio has failed to meet the guideline, a similar, higher contrast replacement color will be suggested.

Palette (0 of 5 colors added)

Add some colors!

Results

Font size
15pt
  • 10pt
  • 11pt
  • 12pt
  • 13pt
  • 14pt
  • 15pt
  • 16pt
  • 17pt
  • 18pt
  • 19pt
  • 20pt
Font weight
Normal
  • Normal
  • Bold
Group by
Background color
  • Background color
  • Text color