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.

University's official colors

  • Blue

    HEX: #081E3F
    RGB: 8/30/63

  • Gold

    HEX: #B6862C
    RGB: 182/134/44

Additional shades

We created additional shades of the university blue so they can be used throughout the body of a website (this does not include the header, main navigation or footer of a website).

Areas these shades can be used: background colors for different areas of information (i.e. calls to action), link text, hover or on click, icons, etc.

  • Blue Shade #1

    HEX: #0A254E

  • Blue Shade #1

    HEX: #0C2B5A

Secondary colors

These secondary colors are used throughout the brand.

  • Magenta

    HEX: #CC0066
    RGB: 204/0/102

  • Cyan

    HEX: #00FFFF
    RGB: 0/255/255

  • White

    HEX: #FFFFFF
    RGB: 255/255/255

  • Bright Gold

    HEX: #FFCC00
    RGB: 255/204/0

Gradients

Only the gradients provided here should be implemented in the brand for consistency. Avoid orange being a prominent color in the bright gold to magenta gradient. Do not use a cyan to magenta gradient. Consider color contrast when using gradients.

Gradients can be used with the following Brand design elements: energy lines and corners.

If you are recreating these design elements for print, social, web or eblasts, please refer to the measurement guidelines.

Bright Gold
Magenta


Bright Gold
Cyan

Neutral colors

These neutral colors can be used for a variety of elements.

Suggested uses:

  • Separators, a horizontal divider and background colors to create separation between content areas: light gray and medium gray
  • Text color on a light background: dark gray
  • Black

    HEX: #000000

  • Dark gray

    HEX: #333333

  • White

    HEX: #FFFFFF

  • Medium gray

    HEX: #E6E6E6

  • Light gray

    HEX: #F4f4f4

Additional guidelines

For more information on images with colored overlays and color combo do's & dont's, check out the Color Guidelines.