Cover Photo Image

JMU Brand colors

Accent colors for web

Color balance

Color combinations

JMU Brand Colors: web guidelines

 

Dark Purple #450084
R: 69 G: 0 B: 132
for titles, background color, linked text, buttons

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

Light Purple #DACCE6
R218 G204 B230
use for graphic elements, background color

 

Dark Gold #AD9C65
R173 G156 B101
use for titles and graphic elements

Gold #CBB677
R203 G182 B119
graphic elements

Light Gold #F4EFE1
R244 G239 B225
background color

 

Slate #333333
R51 G51 B51

Dark Gray #595959
R89 G89 B89

Gray #B2B2B2
R178 G178 B178

Light Gray #D6D6D6
R214 G214 B214

Accent colors for web

 

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

#ADCC23 
R: 173 G: 204 B: 35

#DEEBA7 
R: 222 G: 235 B: 167

 

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

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

#D2EBF5
R: 210 G: 235 B: 245

 

#A4232B
R: 164 G: 35 B: 43

#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
Text and background color combinations.

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
#B599CE
#DACCE6
#B2B2B2
#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
#86A231

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

#5498B6
#86A231

Back to Top