myCSUSM
Brand Colors & Contrast
Per federal and state laws, all text and background color combinations must have a
color contrast of 4.5:1 or higher.
The following color combinations are accessible and are in-line with the official CSUSM brand hub colors.
| Text →↓ Bg | University Blue #002E5A |
Cougar Blue #0062A5 |
Light Spirit #6ACEFE |
Rich Black #222222 |
85 Gray #47484D |
20 Gray #EFF0F0 |
White #FFFFFF |
|---|---|---|---|---|---|---|---|
| University Blue #002E5A |
Text7.7 | Text9.0 | Text13.6 | ||||
| Cougar Blue #0062A5 |
Text6.3 | ||||||
| Spirit Blue #00AEEF |
Text5.4 | Text6.2 | |||||
| Rich Black #222222 |
Text8.9 | Text10.0 | Text15.9 | ||||
| 85 Gray #47484D |
Text5.1 | Text6.0 | Text9.1 | ||||
| 20 Gray #EFF0F0 |
Text11.9 | Text5.5 | Text13.9 | Text7.9 | |||
| White #FFFFFF |
Text13.6 | Text6.3 | Text15.9 | Text9.1 |
Note: The number in the Color Accessibilty Matrix table cells is the contrast ratio
Suggested Background & Text Combinations
White
Suggested pairings:
Text: Rich Black, University Blue, 85 Gray
Links: Cougar Blue
University Blue
Suggested pairings:
Text: White, 20 Gray
Links: Light Spirit
20 Gray
Suggested pairings:
Text: Rich Black, University Blue, 85 Gray
Links: Cougar Blue
85 Gray
Suggested pairings:
Text: White, 20 Gray
Links: Light Spirit
Cougar Blue
Suggested pairings:
Text: White
Links: Links not recommended on this background
Spirit Blue
Use sparingly; Suggested pairings:
Text: University Blue, Rich Black
Links: Links not recommended on this background
Questions?
Email ati@csusm.edu