Skip to main content
Home > Quick Web Guide > Web Colors and Fonts

Web Colors and Fonts

Web Colors

To meet web accessibility standards, text on the web must be in high contrast to its background (7:1 for body text, 4.5:1 for headings).

 

Body text:
#111111

 

White:
#ffffff

 

Off-White:
#f7f7f7

 

Gold fade:
#e9e4da
Alternative to gray for backgrounds and horizontal rules

 

Light Gray:
#e4e4e4
Used as page background color and horizontal rules between sections

 

Gray:
#a5acaf
Used sparingly as a highlight color

 

Navy:
#001344
Standard navy hexadecimal

 

Aqua:
#005d90
Web highlight color used for interactive elements (links, buttons)

 

Gold:
#d9ac63
Standard gold hexadecimal

 

Yellow:
#fcb116
Used sparingly as a highlight color

 

Teal:
#00b5ad
Used sparingly as a highlight color

 

Green:
#009a4e
Used sparingly as a highlight color

 

Rust:
#ba4f26
Used sparingly as a highlight color

Acceptable Color Combinations of Text on Color Backgrounds

It is paramount when editing your site that the text on the page has sufficient contrast to pass accessibility standards. Please see below for the acceptable colors of text on different background colors.

To test your own colors, you can use the WebAIM Contrast Checker.

Black Background – #111111

  • Body Text – #111111 – Unacceptable
  • White – #ffffff – Acceptable
  • Off-White – #f7f7f7 – Acceptable
  • Gold Fade – #e9e4da – Acceptable
  • Light Gray – #e4e4e4 – Acceptable
  • Gray – #a5acaf – Acceptable
  • Navy – #001344 – Unacceptable
  • Aqua – #005d90 – Unacceptable
  • Gold – #d9ac63 – Acceptable
  • Yellow – #fcb116 – Acceptable
  • Teal – #00b5ad – Acceptable
  • Green – #009a4e – Acceptable
  • Rust – #ba4f26 – Unacceptable

White Background – #ffffff

  • Body Text – #111111 – Acceptable
  • White – #ffffff – Unacceptable
  • Off-White – #f7f7f7 – Unacceptable
  • Gold Fade – #e9e4da – Unacceptable
  • Light Gray – #e4e4e4 – Unacceptable
  • Gray – #a5acaf – Unacceptable
  • Navy – #001344 – Acceptable
  • Aqua – #005d90 – Acceptable
  • Gold – #d9ac63 – Unacceptable
  • Yellow – #fcb116 – Unacceptable
  • Teal – #00b5ad – Unacceptable
  • Green – #009a4e – Unacceptable
  • Rust – #ba4f26 – Acceptable

Off-White Background – #f7f7f7

This is the default page background color.

  • Body Text – #111111 – Acceptable
  • White – #ffffff – Unacceptable
  • Off-White – #f7f7f7 – Unacceptable
  • Gold Fade – #e9e4da – Unacceptable
  • Light Gray – #e4e4e4 – Unacceptable
  • Gray – #a5acaf – Unacceptable
  • Navy – #001344 – Acceptable
  • Aqua – #005d90 – Acceptable
  • Gold – #d9ac63 – Unacceptable
  • Yellow – #fcb116 – Unacceptable
  • Teal – #00b5ad – Unacceptable
  • Green – #009a4e – Unacceptable
  • Rust – #ba4f26 – Acceptable

Gold Fade Background – #e9e4da

  • Body Text – #111111 – Acceptable
  • White – #ffffff – Unacceptable
  • Off-White – #f7f7f7 – Unacceptable
  • Gold Fade – #e9e4da – Unacceptable
  • Light Gray – #e4e4e4 – Unacceptable
  • Gray – #a5acaf – Unacceptable
  • Navy – #001344 – Acceptable
  • Aqua – #005d90 – Acceptable
  • Gold – #d9ac63 – Unacceptable
  • Yellow – #fcb116 – Unacceptable
  • Teal – #00b5ad – Unacceptable
  • Green – #009a4e – Unacceptable
  • Rust – #ba4f26 – Unacceptable

Light Gray Background – #e4e4e4

  • Body Text – #111111 – Acceptable
  • White – #ffffff – Unacceptable
  • Off-White – #f7f7f7 – Unacceptable
  • Gold Fade – #e9e4da – Unacceptable
  • Light Gray – #e4e4e4 – Unacceptable
  • Gray – #a5acaf – Unacceptable
  • Navy – #001344 – Acceptable
  • Aqua – #005d90 – Acceptable
  • Gold – #d9ac63 – Unacceptable
  • Yellow – #fcb116 – Unacceptable
  • Teal – #00b5ad – Unacceptable
  • Green – #009a4e – Unacceptable
  • Rust – #ba4f26 – Unacceptable

Gray Background – #a5acaf

  • Body Text – #111111 – Acceptable
  • White – #ffffff – Unacceptable
  • Off-White – #f7f7f7 – Unacceptable
  • Gold Fade – #e9e4da – Unacceptable
  • Light Gray – #e4e4e4 – Unacceptable
  • Gray – #a5acaf – Unacceptable
  • Navy – #001344 – Acceptable
  • Aqua – #005d90 – Unacceptable
  • Gold – #d9ac63 – Unacceptable
  • Yellow – #fcb116 – Unacceptable
  • Teal – #00b5ad – Unacceptable
  • Green – #009a4e – Unacceptable
  • Rust – #ba4f26 – Unacceptable

Navy Background – #001344

  • Body Text – #111111 – Unacceptable
  • White – #ffffff – Acceptable
  • Off-White – #f7f7f7 – Acceptable
  • Gold Fade – #e9e4da – Acceptable
  • Light Gray – #e4e4e4 – Acceptable
  • Gray – #a5acaf – Acceptable
  • Navy – #001344 – Unacceptable
  • Aqua – #005d90 – Unacceptable
  • Gold – #d9ac63 – Acceptable
  • Yellow – #fcb116 – Acceptable
  • Teal – #00b5ad – Acceptable
  • Green – #009a4e – Acceptable
  • Rust – #ba4f26 – Unacceptable

Aqua Background – #005d90

  • Body Text – #111111 – Unacceptable
  • White – #ffffff – Acceptable
  • Off-White – #f7f7f7 – Acceptable
  • Gold Fade – #e9e4da – Acceptable
  • Light Gray – #e4e4e4 – Acceptable
  • Gray – #a5acaf – Unacceptable
  • Navy – #001344 – Unacceptable
  • Aqua – #005d90 – Unacceptable
  • Gold – #d9ac63 – Unacceptable
  • Yellow – #fcb116 – Unacceptable
  • Teal – #00b5ad – Unacceptable
  • Green – #009a4e – Unacceptable
  • Rust – #ba4f26 – Unacceptable

Gold Background – #d9ac63

  • Body Text – #111111 – Acceptable
  • White – #ffffff – Unacceptable
  • Off-White – #f7f7f7 – Unacceptable
  • Gold Fade – #e9e4da – Unacceptable
  • Light Gray – #e4e4e4 – Unacceptable
  • Gray – #a5acaf – Unacceptable
  • Navy – #001344 – Acceptable
  • Aqua – #005d90 – Unacceptable
  • Gold – #d9ac63 – Unacceptable
  • Yellow – #fcb116 – Unacceptable
  • Teal – #00b5ad – Unacceptable
  • Green – #009a4e – Unacceptable
  • Rust – #ba4f26 – Unacceptable

Yellow Background – #fcb116

  • Body Text – #111111 – Acceptable
  • White – #ffffff – Unacceptable
  • Off-White – #f7f7f7 – Unacceptable
  • Gold Fade – #e9e4da – Unacceptable
  • Light Gray – #e4e4e4 – Unacceptable
  • Gray – #a5acaf – Unacceptable
  • Navy – #001344 – Acceptable
  • Aqua – #005d90 – Unacceptable
  • Gold – #d9ac63 – Unacceptable
  • Yellow – #fcb116 – Unacceptable
  • Teal – #00b5ad – Unacceptable
  • Green – #009a4e – Unacceptable
  • Rust – #ba4f26 – Unacceptable

Teal Background – #00b5ad

  • Body Text – #111111 – Acceptable
  • White – #ffffff – Unacceptable
  • Off-White – #f7f7f7 – Unacceptable
  • Gold Fade – #e9e4da – Unacceptable
  • Light Gray – #e4e4e4 – Unacceptable
  • Gray – #a5acaf – Unacceptable
  • Navy – #001344 – Acceptable
  • Aqua – #005d90 – Unacceptable
  • Gold – #d9ac63 – Unacceptable
  • Yellow – #fcb116 – Unacceptable
  • Teal – #00b5ad – Unacceptable
  • Green – #009a4e – Unacceptable
  • Rust – #ba4f26 – Unacceptable

Green Background – #009a4e

  • Body Text – #111111 – Acceptable
  • White – #ffffff – Unacceptable
  • Off-White – #f7f7f7 – Unacceptable
  • Gold Fade – #e9e4da – Unacceptable
  • Light Gray – #e4e4e4 – Unacceptable
  • Gray – #a5acaf – Unacceptable
  • Navy – #001344 – Acceptable
  • Aqua – #005d90 – Unacceptable
  • Gold – #d9ac63 – Unacceptable
  • Yellow – #fcb116 – Unacceptable
  • Teal – #00b5ad – Unacceptable
  • Green – #009a4e – Unacceptable
  • Rust – #ba4f26 – Unacceptable

Rust Background – #ba4f26

  • Body Text – #111111 – Unacceptable
  • White – #ffffff – Acceptable
  • Off-White – #f7f7f7 – Acceptable
  • Gold Fade – #e9e4da – Unacceptable
  • Light Gray – #e4e4e4 – Unacceptable
  • Gray – #a5acaf – Unacceptable
  • Navy – #001344 – Unacceptable
  • Aqua – #005d90 – Unacceptable
  • Gold – #d9ac63 – Unacceptable
  • Yellow – #fcb116 – Unacceptable
  • Teal – #00b5ad – Unacceptable
  • Green – #009a4e – Unacceptable
  • Rust – #ba4f26 – Unacceptable

Web Fonts

Standard font stack: Proxima Nova, Helvetica, Myriad, Arial, sans-serif

Alternate font stack: Helvetica, Myriad, Arial, sans-serif

Web Logos

Download Web Logos

Last updated: 1/7/2022

    Did you find this page helpful?

    WordPress Training & Support • Georgia Southern University • Policies and Procedures

    Have questions or need further help? 
    Reach out to your content owner, submit a MyHelp ticket or contact the University’s WordPress trainer Brittni Favorite at bfavorite@georgiasouthern.edu.