Test Colors - Instructional Web

Sample Fonts

Proposed Change: Body text from 16pt to 14pt, No shadow on text and boxes. Link color blue on light colors, white on dark colors. Sentence-case menu items.

font-family: ‘Didact Gothic’, Helvetica, Arial, Lucida, sans-serif;

body {
font-family: Open Sans, Arial, sans-serif;
font-size: 14px;
color: #333;
background-color: #fff;
line-height: 1.7em;
font-weight: 500;
}

Didact Gothic

https://fonts.google.com/specimen/Didact+Gothic

Roboto

https://fonts.google.com/specimen/Roboto

DM Sans for Headlines

https://fonts.google.com/specimen/DM+Sans

Open Sans for Body

https://fonts.google.com/specimen/Open+Sans

Raleway

https://fonts.google.com/specimen/Raleway

Web/Digital Palette Themes

(Accessibility/Contrast Key)

AAA (highest contrast: 7:1 or higher. Best for text-heavy areas.)
AA (Meets minimum requirements: 4.5:1 or higher)
AA Large (use only for headings/large text: 3:1 or higher. Minimum large text is 18pt/24px or 14pt/18px bold)

Name	HEX value	RGB value
Riverbat Purple	#4D1979	RGB (77, 25, 121)
Dark Purple	#2e1a47	RGB (46, 26, 71)
Light Bat	#4B4B4B	RGB (75, 75, 75)
Dark Bat	#333333	RGB (51, 51, 51)
Barton Blue	#0A5271	RGB (10, 82, 113)
Navy	#222943	RGB (34, 41, 67)
Yellow on Dark Bat ONLY	#ffc554	RGB (255,197,84)
White	#FFFFFF	RGB (255, 255, 255)
Light Stone	#F3EFEC	RGB (243, 239, 236)
Dark Stone	#D5D1CB	RGB (213, 209, 203)
Light Gray	#ECF0F3	RGB (236, 240, 243)

Contrast/Assessibility

Light Bat/White

#57595B on #FFFFFF
AAA
7.0

White/Light Bat

#FFFFFF on #57595B
AAA
7.0

Dark Bat/White

#333333 on #FFFFFF
AAA
12.6

White/Dark Bat

#FFFFFF on #333333
AAA
12.6

Barton Blue/White

#0A5271 on #FFFFFF
AAA
8.54

White/Barton Blue

#FFFFFF on #0A5271
AAA
8.54

Navy/White

#222943 on #FFFFFF
AAA
14.3

White/Navy

#FFFFFF on #222943
AAA
14.3

Light Bat/Light Stone

#57595B on #F3EFEC
AA
6.1

Light Stone/Light Bat

#F3EFEC on #57595B
AA
6.1

Dark Bat/Light Stone

#333333 on #F3EFEC
AAA
12.6

Light Stone/Dark Bat

#F3EFEC on #333333
AAA
12.6

Barton Blue/Light Stone

#0A5271 on #F3EFEC
AAA
7.47

Light Stone/Barton Blue

#F3EFEC on #0A5271
AAA
7.47

Navy/Light Stone

#222943 on #F3EFEC
AAA
14.3

Light Stone/Navy

#F3EFEC on #222943
AAA
14.3

Dark Bat/Dark Stone

#333333 on #D5D1CB
AAA
8.3

Dark Stone/Dark Bat

#D5D1CB on #333333
AAA
8.3

Barton Blue/Dark Stone

#0A5271 on #D5D1CB
AA
5.61

Dark Stone/Barton Blue

#D5D1CB on #0A5271
AA
5.61

Navy/Dark Stone

#222943 on #D5D1CB
AAA
9.4

Dark Stone/Navy

#D5D1CB on #222943
AAA
9.4

Light Bat/Light Gray

#57595B on #ECF0F3
AA
6.1

Light Gray/Light Bat

#ECF0F3 on #57595B
AA
6.1

Dark Bat/Light Gray

#333333 on #ECF0F3
AAA
12.6

Light Gray/Dark Bat

#ECF0F3 on #333333
AAA
12.6

Barton Blue/Light Gray

#0A5271 on #ECF0F3
AAA
7.45

Light Gray/Barton Blue

#ECF0F3 on #0A5271
AAA
7.45

Mockingbird/Light Gray

#222943 on #ECF0F3
AAA
14.3

Light Gray/Navy

#4d1979 on #ECF0F3
AAA
14.3

Light Stone/Riverbat Purple

#F3EFEC on #4d1979
AAA
10.61

Riverbat Purple/Light Stone

#F3EFEC on #4d1979
AAA
10.61

Light Stone/Dark Purple

#F3EFEC on #2E1A47
AAA
13.56

Dark Purple/Light Stone

#F3EFEC on #2E1A47
AAA
8.18

Yellow/Dark Bat

#ffc554 on #333333
AAA
8.04