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

Ìý