This guide offers color combinations that meet Mines’ brand standards and have sufficient color contrast for accessibility. These colors can be used on Mines websites, Canvas pages, and other digital documents created at Mines.
Colors that can be used with white backgrounds or text
Colorado Red is often used for hyperlinks on Mines web pages. Hyperlinks that appear in text blocks should be underlined in case users can’t perceive color.
Mines brand colors to use with white
|
Color
|
Hexadecimal Value
|
|
Mines Dark Blue
|
#21314D
|
|
Blaster Blue
|
#09396C
|
|
Earth Blue
|
#0272DE
|
|
Colorado Red
|
#CC4628
|
|
Dark Gray
|
#75757D
|
|
Red Flannel
|
#B42024
|
Colors that can be used with dark blue backgrounds or text
Note: Do not use Colorado Red text on a Mines Dark Blue (#21314D) background or vice versa.
Web colors for use with Mines Dark Blue
|
Color
|
Hexadecimal Value
|
|
Light Blue
|
#879EC3
|
|
Pale Blue
|
#CFDCE9
|
|
White
|
#FFFFFF
|
Non-Brand Colors for the Web
The following colors can be used against white backgrounds and meet color contrast requirements. Many grays, yellows, oranges, and reds do not have sufficient contrast with a white background or text. The default Canvas color picker also provides many colors that don’t meet accessibility requirements. When in doubt, use the color contrast checker to determine if a color combination is accessible.
Accessible color contrast examples for white backgrounds or text
|
Color
|
Hexadecimal Value
|
|
Bright Red
|
#D3273E
|
|
Pink
|
#DE02A4 |
|
Dark Orange
|
#CB4801
|
|
Brown
|
#794D01 |
|
Yellow
|
No values with sufficient contrast
|
|
Green
|
#05611C
|
|
Teal
|
#0A807E
|
|
Blue
|
#0239DE
|
|
Purple
|
#7B02DE
|