Exercise: Color Contrast

Evaluate the contrast of the text colors used in this style guide against the different backgrounds using Tanaguru (or another web-based contrast tool). Annotate: which combinations work, and which don't? What adjustments would you make so that all color combinations are accessible?

View / download the PDF

Background Colors

Primary background:

#E8E8E8

Secondary background:

#BFD0EC

Footer background:

#081633

Text Colors

Body text:

#3A3737

Header text:

#545151

Link text:

#1A6D8E

Error message:

#AA2929

Footer text:

#E8E8E8

Header text (footer):

#AAA7A5

Link text (footer):

#67CEF6