Skip to content

Other ways to search: Events Calendar | UTHSC News

Color Accessibility on the Web

The University of Tennessee Health and Science Center websites and digital applications aim to comply with WCAG 2.1 AA guidelines. This includes a required contrast ratio for text and images of text of at least 4.5:1 for normal text and 3:1 for large text. WCAG 2.1 requires a contrast ratio of at least 3:1 for graphics and user interface components (such as form input borders).

To make choosing accessible colors easy, use the guide below to view accessible combinations of our primary and secondary color palette as applied to large text (18pt and larger, 14pt bold and larger), small text (17.9pt and smaller, 13.9pt bold and smaller) and graphical elements. This color palette is best-suited for digital properties such as the website and email. 

 

Tennessee Orange Accessibility

 

pantone 151, cmyk 0/50/100/0, rgb 255/130/0, hex# ff8200
None of our brand colors meet the minimum level of contrast when used in combination with Tennessee Orange. This includes orange text on a white background and white text on an orange background.

 

Accessible Foreground Colors on White Background

 

hex# E07400 on white background

 UTHSC ORANGE
 HEX
#E07400
 Large text only

hex #00965E on white background

 PANTONE 340
 HEX
#00965E
 Large text only

hex# 939598 on white background

 50% BLACK
 HEX
#939598
 Large text only

hex #115740 on white background

 UTHSC GREEN
 HEX
#115740
 All text sizes

hex# 4D4D4F on white background

 85% BLACK
 HEX
#4D4D4F
 All text sizes

hex# 006747 on white background

 PANTONE 342
 HEX
#006747
 All text sizes

hex # 58595B on white background

 80% BLACK
 HEX
#58595B
 All text sizes

hex # B94700 on white background

 PANTONE 1525
 HEX
#B94700
 All text sizes

 

Accessible Background Colors for White Text

hex #E07400 with white text

UTHSC ORANGE
HEX
#E07400
Large text only

hex #00965E with white text

PANTONE 340
HEX
#00965E
Large text only

hex #000000 with white text

BLACK
HEX
#000000
All text sizes

hex #115740 with white text

UTHSC GREEN
HEX
#115740
All text sizes

hex # 4D4D4F with white text

85% BLACK
HEX
#4D4D4F
All text sizes

hex# 006747 with white text

PANTONE 342
HEX
#006747
All text sizes

hex# 58595B with white text

80% BLACK
HEX
#58595B
All text sizes

hex# B94700 with white text

PANTONE 1525
HEX 
#B94700
All text sizes


Accessible Background Colors for 80% Black Text

hex# A0DAB3 with 80% black text

PANTONE 344
HEX
#A0DAB3
Large text only

hex# BCBEC0 with 80% black text

30% BLACK
HEX
#BCBEC0
Large text only

hex# FECB8B with 80% black text

PANTONE 148
HEX
#FECB8B
All text sizes

 

 

 

Web Page Accessibility Tools and Resources

To determine if a website is accessible, there are several resources for testing. Helpful guides are available via the WCAG website as well as the following sites:

May 26, 2022