Learn How
Learn how to use color accessibly in Microsoft Office 365 products, Canvas, the WebAIM Contrast Checker, and more.
What this means
Effective use of color entails ensuring sufficient contrast between the text color and the background color you have chosen and not relying solely on color to convey meaning.
Why this matters
Color adds interest for users without vision impairments and can even set a tone for a page or a PowerPoint slide. This information is not intended to discourage you from using color in your learning materials!
However, lack of sufficient color contrast can affect users with low vision and certain types of color blindness, as well as users on a monitor with poor resolution or using a device outdoors in bright light. For example, one out of every 12 men (and one out of every 200 women) has red-green color blindness, making the use of red and green together problematic.
Accessible color palettes for UM System campuses
You might find it convenient to choose colors that complement your campus colors. Here are accessible color combinations for each of the UM System schools:
Mizzou
See MU Brand and Identity: Colors for further guidance. Note: Avoid combinations of gold and white.
| DARK COLOR |
LIGHT COLOR |
|
#000000
R-0 G-0 B-0
|
#F1B82D
R-241 G-184 B-25
|
UMKC
See the UMKC Visual Identity Guide for detailed guidance.
| DARK COLOR |
LIGHT COLOR |
|
#004B87
R-0 G-75 B-135
|
#FFC72C
R-255 G-199 B-45
|
|
#3674BF
R-53 G-116 B-191
|
#FFFFFF
R-255 G-255 B-255
|
Missouri S&T
See Missouri S&T Brand Guidelines: Color for further guidance.
| DARK COLOR |
LIGHT COLOR |
|
#154734
R-22 G-71 B-52
|
#FDDA24
R-254 G-219 B-36
|
|
#007A33
R-0 G-122 B-52
|
#FFFFFF
|
UMSL
See UMSL Web Style Guide and Best Practices for further guidance.
| DARK COLOR |
LIGHT COLOR |
|
#A80B2D
R-168 G-10 B-45
|
#EAAA00 (18 points or larger only)
R-234 G-170 B-1
|
|
#A80B2D
R-168 G-10 B-45
|
#FDD26E
R-253 G-210 B-110
|
Learn more
Canvas campus and vendor resources