Marketing at our company has a strong preference for Blue on Blue in our application (i.e. Blue gradient background, with a Light blue header background, and a darker blue text shade).

Obviously, in my opinion at least, all this blue looks pretty bad. But breaking them of this fetish is pretty hard to do.

I'm aware that colour blindness is an important consideration in colour schemes for websites, but I need to find studies/articles that explicitly show that blue on blue schemes are hell on people with certain forms of colour blindness.

Can anyone point me at articles such as these? I can find quite a few on colour blindness in general, but they tend to be less specific.


For Reference, here are some of the colour values:

  • Page Background: #00204F - or Gradient where available (#A0BBE6 -> #00204F)
  • Page Header Text: #003391 (Transparent Background)
  • Working Area
    • Background: #DBE6F4
    • Sub-Header Background: #BFDBFF
    • Sub-Header Text: #003391
    • Label Text: #003366
  • 2
    As long as the contrast is good i don't see any disadvantages for colorblind people?
    – Kweamod
    Commented Feb 19, 2014 at 11:17

1 Answer 1


The issue isn't so much with specific colours, but with colour contrast ratios.

WCAG guideline 1.4.3 Contrast (Minimum):

1.4.3 Contrast (Minimum): The visual presentation of text and images of text has a contrast ratio of at least 4.5:1, except for the following: (Level AA)

  • Large Text: Large-scale text and images of large-scale text have a contrast ratio of at least 3:1;

  • Incidental: Text or images of text that are part of an inactive user interface component, that are pure decoration, that are not visible to anyone, or that are part of a picture that contains significant other visual content, have no contrast requirement.

  • Logotypes: Text that is part of a logo or brand name has no minimum contrast requirement.

At the end of the day you can have whatever colour combination you want. Heck, you can have light-grey on white if you want. It's not exactly illegal. But if it fails WCAG colour contrast guidelines then your site won't be accessible and you're shutting out many users of your website. This'll lose you potential sales, will potentially damage your reputation, and even open you up to lawsuits because you're preventing some people from accessing your content.

Perhaps your blue combination is accessible. You don't state the hexcodes for them so we can't be sure. It's unlikely to be AAA compliant (that requires 7:1 contrast), but could possibly be AA compliant.

There are various colour contrast checkers out there, such as the popular Snook.ca one, so run the colours through there and see what comes out.

Also, accessibility site webaim.org discuss blue colourblindness. Blues are the least effected colours for colorblind people - red/green is far more common, however there are people with blue deficiencies:

Tritanopia (blue deficiencies)

Tritanopia is much less common than the other categories mentioned above. Tritanopia is the insensitivity to short wavelengths (the blues). In general blues and greens can be confused, but yellows are also affected in that they can seem to disappear or appear as lighter shades of red.

However just because people can't determine blue so well doesn't mean your content is going to be inaccessible to them, providing the contrast is OK and it's still readable. It just won't look blue to some people.

  • Thanks. I have updated with the Hex codes of a few of our main elements. RE the legal issues, it's probably less of an issue since it's a private website that customers only get access to when they subscribe. Still, I'm no legal expert. Commented Feb 19, 2014 at 11:35
  • 1
    Looks like the samples I provided are compliant in that case. Shame, I was hoping to use it to break them of their reliance on the colour. Commented Feb 19, 2014 at 11:39
  • 1
    @ObsidianPhoenix: Regarding lawsuits relating to web usability; while not that common they certainly do happen.
    – JonW
    Commented Feb 19, 2014 at 11:42
  • 1
    @ObsidianPhoenix: Re the legal issue: it is not less of an issue just because you need to sign up. Unless your site is for pilots only (or any job requiring perfect vision) if the site doesn't follow accessibility guidelines, you would still be excluding people from signing up and effectively using the site. Commented Feb 19, 2014 at 18:42

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.