WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Color Contrast List?


From: Bryan Garaventa
Date: Apr 26, 2013 1:37PM

Being fully blind, this has been a big problem for me, since it's difficult
for me to identify the colors of an element with reliability, especially
where images are concerned across complex and dynamic pages.

I searched around, and found an awesome resource at

Which appears to do exactly what I need.

I scanned cnn.com for example, and found a ton of violations.

The guy who built this thing is brilliant.

----- Original Message -----
From: "Jared Smith" < <EMAIL REMOVED> >
To: "WebAIM Discussion List" < <EMAIL REMOVED> >
Sent: Friday, April 26, 2013 11:56 AM
Subject: Re: [WebAIM] Color Contrast List?

Just based on RGB colors (ignoring opacity, gradients, etc.) there are
several trillion available combinations of foreground and background
colors that would pass WCAG 2.0. So, no, there's not really a list or

I remember seeing a W3C resource that had some examples of passing
combinations, but cannot currently find it. But I don't think it's
best to prescribe to a particular combination. Instead, it's best to
design a well-thought out color scheme while using WCAG contrast
checking tools (such as ours at
http://webaim.org/resources/contrastchecker/ or by using the WAVE tool
- http://wave.webaim.org/) to ensure that the color combinations would
at least meet the minimal WCAG contrast thresholds.


On Fri, Apr 26, 2013 at 12:19 PM, TX Knight < <EMAIL REMOVED> > wrote:
> Hi all,
> Does anyone know of a convenient list or chart of font and background
> colors that have been predetermined to pass WCAG standards?
> Thanks in advance,
> Sam
> --
> “Be who you are and say what you feel because those who mind don't matter
> and those who matter don't mind.”
> ~Dr. Seuss
> “If you don't know where you are going, any road will get you there.”
> ~Lewis Carroll
> > >