Visual Elements: Colors
GVSU blue, white, and black are our primary colors.
GVSU Blue
- Hex: #0032A0
- RGB: 0/50/160
- Pantone: 286 C
- CMYK: 100/75/0/0
White
- Hex: #FFFFFF
- RGB: 255/255/255
- Pantone: White
- CMYK: 0/0/0/0
Black
- Hex: #000000
- RGB: 0/0/0
- Pantone: Black
- CMYK: 0/0/0/100
Text color
Headers are set by University Marketing. All headers can be used as <h1>
, with n appropriate class of the heading level you want: <h1 class="h3">
. You can also use normal heading levels.
Body Text is black, normal, non-bold.
Links are GVSU Blue and underlined.
Use white text when the text is on a dark background. For example, GVSU Blue buttons must use white text.
Accessibility
Be sure to use the colors in accessible combinations that meet WCAG 2.1 AA accessibility standards:
- Small and regular text must have a contrast ratio of 4.5:1.
- Large text, as well as graphics and interface controls, must have a contrast ratio of 3:1.
You can use the WebAIM Contrast Checker and reference WCAG 2.1 Understanding Success Criterion 1.4.3: Contrast (Minimum) to make decisions and ensure the color combinations meet accessibility standards.
White
- Hex: #FFFFFF
- RGB: 255/255/255
- CMYK: 0/0/0/0
Light Cyan-Blue
- Hex: #E2EFFF
- RGB: 226/239/255
- CMYK: 0/0/0/100
GVSU Blue
- Hex: #0032A0
- RGB: 0/50/160
- CMYK: 100/75/0/0
Dark Cyan-Blue
- Hex: #002855
- RGB: 0/40/85
- CMYK: 11/6/0/0
Light Grey (Earthborn)
- Hex: #f7f7f7
- RGB: 247/247/247
- CMYK: 0/0/0/3
Cool Grey
- Hex: #737373
- RGB: 115/115/115
- CMYK: 0/0/0/55
Grey
- Hex: #6a6a6a
- RGB: 106/106/106
- CMYK: 0/0/0/58
Gunmetal Grey
- Hex: #383838
- RGB: 56/56/56
- CMYK: 0/0/0/78
Black
- Hex: #000000
- RGB: 0/0/0
- CMYK: 0/0/0/100
Our design system is deeply indebted to the University of Michigan Libraries' Design System.
- Last Updated: Sep 26, 2024 8:07 AM
- URL: https://libguides.gvsu.edu/visualelements