Use of correct FIU colors across the digital portfolio helps us reinforce our brand identity and is essential to ensure we promote a consistent brand experience to our users.
While the official FIU colors help create professional-looking assets for many print formats they do not meet Web Content Accessibility Guidelines 2.1 for digital assets.
As an alternative, we provide the following accessible color palette.
Several web elements can benefit from these colors such as an error on a form, a visited link, or a successful message.
Bright yellow #F8C92E
Bright blue #13499A
These neutral colors can be used for a variety of elements.
Lighter gray and medium gray can be used as a separator or border and background colors to create separation between elements.
Text gray could be used for all body content on web pages.
Dark gray #333333
Medium gray #E6E6E6
Light gray #F2F2F2
When using graphics as a background be sure to use a white or black tint over the image to ensure the text is legible.
When using a solid color as a background be sure to validate the colors using webaim.org’s contrast checker.
Image with text and no tint
Without a tint on top of the image the text is difficult to read.
Image with text and tint
With a tint on top of the image the text is easier to read.
These are some examples of color combinations that meet or do not meet the Web Content Accessibility Guidelines 2.1.