Use of MU gold (
#F1B82D) and its variations with text should be carefully considered. MU gold paired with white backgrounds or white text on MU gold backgrounds violates accessibility standards specified in Web Content Accessibility Guideline (WCAG) 2.0 1.4.3 Contrast Minimum AA.
This quick guide contains alternative color choices you can use to ensure accessibility while following the Mizzou branding standards.
White text is not accessible with a gold background:
White text on a gold background is not accessible.Black text on gold is accessible.
The reverse is also true: gold text is not accessible with a white (or light) background:
Gold text on a white background is not accessible.This text is accessible.
How can you use more Gold in your designs?
You can use any variation of MU gold in rules, borders, backgrounds, behind black text, and as text on black backgrounds, in fact, our primary button style is gold.
The only gold variation that passes any color contrast standards is
#AF7C00 . It passes the color contrast test on large text (14 point and bold or larger, or 18 point or larger).
Unfortunately, this particular color looks brown or coppery and isn’t very appealing as text. It’s best for borders and shadows on other gold objects. Do not use it for text. It’s best to stick with dark grays or an accent variation that does pass.