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
Ìý