Skip to Main Content

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.

Primary colors

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.

Blue #0C2B5A

Yellow #E8CD7D

Additional colors

Several web elements can benefit from these colors such as an error on a form, a visited link, or a successful message.

Purple #60395B

Bright yellow #F8C92E

Red #B00000

Green #215F2D

Bright blue #13499A

Neutral colors

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.

Black #000000

Dark gray #333333

White #FFFFFF

Medium gray #E6E6E6

Light gray #F2F2F2

Backgrounds

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.

Examples

  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.

Color combinations

These are some examples of color combinations that meet or do not meet the Web Content Accessibility Guidelines 2.1.

White text

Text color: #FFFFFF (white)

Background color: #0C2B5A (digital blue)

 Pass: AA and AAA for normal and large text

Gray text

Text color: #333333 (dark gray)

Background color: #E8Cd7D (digital yellow)

 Pass: AA and AAA for normal and large text

White text

Text color: #FFFFFF (white)

Background color: #E6E6E6 (medium gray)

  Fail: AA and AAA for normal and large text

White text

Text color: #F2F2F2 (light gray)

Background color: #FFFFFF (white)

  Fail: AA and AAA for normal and large text

Red text

Text color: #B50000 (red)

Background color: #333333 (dark gray)

  Fail: AA and AAA for normal and large text

Yellow text

Text color: #F8C92E (bright yellow)

Background color: #60395B (purple)

  Pass: AA for normal text and large text

  Pass: AAA for large text

  Fail: AAA for normal text