Accessible ÌìÃÀ´«Ã½ Boulder Color Combinations

When using ÌìÃÀ´«Ã½ Boulder branded colors, it is important to use accessible combinations thatÌýfollowÌýthe most recent . Accessible and inaccessible combinations are listed below. Please note that WCAG has different contrast requirements for normal-sized text and large text; if a combination passes accessibility requirements for one and not the other, that has been noted below.

The hex codes tested for the ÌìÃÀ´«Ã½ Brand Colors are as follows:

  • Black (#000000)
  • ÌìÃÀ´«Ã½ Dark GrayÌý(#565A5C)
  • ÌìÃÀ´«Ã½ Light Gray (#A2A4A3)
  • ÌìÃÀ´«Ã½ Gold (#CFB87C)
  • Web Express Blue (#0377BD)
  • White (#FFFFFF)

Accessible Color Combinations

  • White and Black
  • White and ÌìÃÀ´«Ã½ Dark Gray
  • White and Web Express Blue
  • Black and ÌìÃÀ´«Ã½ Light Gray
  • Black and ÌìÃÀ´«Ã½ Gold

Accessible Color Combinations forÌýLarge Text Only

These color combinations should not be used for the body of text; consider usage carefully. (Large text means 18pt font or larger).

  • Black and ÌìÃÀ´«Ã½ Dark Gray
  • Black and Web Express Blue
  • ÌìÃÀ´«Ã½ Dark Gray and ÌìÃÀ´«Ã½ Gold

Inaccessible Color Combinations

These color combinations should not be used at any scale for content that is intended to be read.Ìý

  • White and ÌìÃÀ´«Ã½ Light Gray
  • White and ÌìÃÀ´«Ã½ Gold
  • ÌìÃÀ´«Ã½ Dark Gray and ÌìÃÀ´«Ã½ Light Gray
  • ÌìÃÀ´«Ã½ Dark Gray and Web Express Blue
  • ÌìÃÀ´«Ã½ Light Gray and ÌìÃÀ´«Ã½ Gold
  • ÌìÃÀ´«Ã½ Light Gray and Web Express Blue
  • ÌìÃÀ´«Ã½ Gold and Web Express Blue

Ìý