Primary web colors
     

Dark Purple
HEX 
#450084

R: 69 G: 0 B: 132
for titles, background color, linked text, buttons

Purple 
HEX #B599CE

R: 181 G: 123 B206
use for icons, graphic elements

Light Purple
HEX #DACCE6

R218 G204 B230
use for graphic elements, background color

     

Dark Gold
HEX #AD9C65

R173 G156 B101
use for titles and graphic elements

Gold
HEX #CBB677
R203 G182 B119
graphic elements

Light Gold
HEX #F4EFE1
R244 G239 B225
background color

       

Slate
HEX #333333
R51 G51 B51

Dark Gray
HEX #595959
R89 G89 B89

Gray
HEX #B2B2B2
R178 G178 B178

Light Gray
HEX #D6D6D6
R214 G214 B214

Accent colors for web
     

 HEX #5F791C
R: 95 G: 121 B: 28

HEX #ADCC23 
R: 173 G: 204 B: 35

HEX #DEEBA7 
R: 222 G: 235 B: 167

     

HEX #3C738B
R: 60 G: 115 B: 139

HEX #5498B6
R: 84 G: 152 B: 182

HEX #D2EBF5
R: 210 G: 235 B: 245

 

HEX #A4232B
R: 164 G: 35 B: 43

HEX #FFBD00
R: 255 G: 189 B: 0

Web color guidelines
  • Never put JMU Purple with yellow
  • Never use tints of the red or yellow accent colors
  • Red is only used for inline icons, warnings, link hover, etc.
  • Blue and green may be used as
    • background color
    • border
    • banner
  • Never combine JMU Purple or Gold with green, blue, or yellow
  • Never use red or yellow as a background color 
Web color balance

The overall ratio of color on a page should be about:

  • 60% White space and grey
  • 30% Brand Colors
  • 10% Secondary Colors
  • Red and Yellow are accents and their percentage may not be more than 5% of the page area.
Ratio
Web text and background color combinations (HEX values)

These combinations are approved, do not use combinations that are not shown here because of contrast issues and legibility.

Background colors with text color #33333

#AD9C65
#CBB677
#F4EFE1
#B2B2B2
#D6D6D6
#B599CE 
#DACCE6
#ADCC23
#DEEBA7
#D2EBF5
#FFBD00

Background colors with text color #450084

#AD9C65
#CBB677
#DFD2AA
#EAE1C6
#F4EFE1
#DACCE6
#D6D6D6

Background colors with text color #FFFFFF

#450084
#333333
#595959
#3C738B
#5F791C

Background colors with text color #595959

#B599CE
#DACCE6
#F4EFE1
#B2B2B2
#D6D6D6

Text colors on background color white (#FFFFFF)

#450084
#333333
#595959
#3C738B
#5F791C

Background colors with text color #CBB677

#333333

H2 & H3 only: background colors with text color #FFFFFF

#5498B6

H2 & H3 only: text colors on background color white (#FFFFFF)

#5498B6

Back to Top